Buttons

[su_note note_color=”#fbfbef”]You can create buttons in various styles and unlimited colours and sizes using shortcode generator, here we are showing only few examples from our infinite possibilities. you can use buttons shortcode anywhere in your site. [/su_note]

[su_button icon=”icon: check”]Button text[/su_button] [su_button background=”#cc475e” icon=”icon: anchor”]Button text[/su_button] [su_button background=”#3990da” icon=”icon: smile”]Button text[/su_button] [su_button background=”#f7732c” icon=”icon: cloud-upload”]Button text[/su_button] [su_button background=”#2f2d2d” icon=”icon: arrow-right”]Button text[/su_button] [su_button background=”#924492″ icon=”icon: heart”]Button text[/su_button] [su_button background=”#2ac490″ icon=”icon: gift”]Button text[/su_button] [su_button background=”#2a8ac4″ icon=”icon: retweet”]Button text[/su_button] [su_button background=”#888888″ icon=”icon: time”]Button text[/su_button]
[su_divider style=”dotted”]
[su_button icon=”icon: check” style=”flat”]Button text[/su_button] [su_button style=”flat” background=”#cc475e” icon=”icon: anchor”]Button text[/su_button] [su_button style=”flat” background=”#3990da” icon=”icon: smile”]Button text[/su_button] [su_button style=”flat” background=”#f7732c” icon=”icon: cloud-upload” style=”flat”]Button text[/su_button] [su_button style=”flat” background=”#2f2d2d” icon=”icon: arrow-right”]Button text[/su_button] [su_button style=”flat” background=”#924492″ icon=”icon: heart”]Button text[/su_button] [su_button style=”flat” background=”#2ac490″ icon=”icon: gift”]Button text[/su_button] [su_button style=”flat” background=”#2a8ac4″ icon=”icon: retweet”]Button text[/su_button] [su_button style=”flat” background=”#888888″ icon=”icon: time”]Button text[/su_button]
[su_divider style=”dotted”]
[su_button style=”glass” icon=”icon: check”]Button text[/su_button] [su_button style=”glass” background=”#cc475e” icon=”icon: anchor”]Button text[/su_button] [su_button style=”glass” background=”#3990da” icon=”icon: smile”]Button text[/su_button] [su_button style=”glass” background=”#f7732c” icon=”icon: cloud-upload” style=”glass”]Button text[/su_button] [su_button style=”glass” background=”#2f2d2d” icon=”icon: arrow-right”]Button text[/su_button] [su_button style=”glass” background=”#924492″ icon=”icon: heart”]Button text[/su_button] [su_button style=”glass” background=”#2ac490″ icon=”icon: gift”]Button text[/su_button] [su_button style=”glass” background=”#2a8ac4″ icon=”icon: retweet”]Button text[/su_button] [su_button style=”glass” background=”#888888″ icon=”icon: time”]Button text[/su_button]
[su_divider style=”dotted”]
[su_button style=”soft” icon=”icon: check”]Button text[/su_button] [su_button style=”soft” background=”#cc475e” icon=”icon: anchor”]Button text[/su_button] [su_button style=”soft” background=”#3990da” icon=”icon: smile”]Button text[/su_button] [su_button style=”soft” background=”#f7732c” icon=”icon: cloud-upload” style=”soft”]Button text[/su_button] [su_button style=”soft” background=”#2f2d2d” icon=”icon: arrow-right”]Button text[/su_button] [su_button style=”soft” background=”#924492″ icon=”icon: heart”]Button text[/su_button] [su_button style=”soft” background=”#2ac490″ icon=”icon: gift”]Button text[/su_button] [su_button style=”soft” background=”#2a8ac4″ icon=”icon: retweet”]Button text[/su_button] [su_button style=”soft” background=”#888888″ icon=”icon: time”]Button text[/su_button]
[su_divider style=”dotted”]
[su_button style=”noise” icon=”icon: check”]Button text[/su_button] [su_button style=”noise” background=”#cc475e” icon=”icon: anchor”]Button text[/su_button] [su_button style=”noise” background=”#3990da” icon=”icon: smile”]Button text[/su_button] [su_button style=”noise” background=”#f7732c” icon=”icon: cloud-upload” style=”noise”]Button text[/su_button] [su_button style=”noise” background=”#2f2d2d” icon=”icon: arrow-right”]Button text[/su_button] [su_button style=”noise” background=”#924492″ icon=”icon: heart”]Button text[/su_button] [su_button style=”noise” background=”#2ac490″ icon=”icon: gift”]Button text[/su_button] [su_button style=”noise” background=”#2a8ac4″ icon=”icon: retweet”]Button text[/su_button] [su_button style=”noise” background=”#888888″ icon=”icon: time”]Button text[/su_button]
[su_divider style=”dotted”]
[su_button style=”3d” icon=”icon: check”]Button text[/su_button] [su_button style=”3d” background=”#cc475e” icon=”icon: anchor”]Button text[/su_button] [su_button style=”3d” background=”#3990da” icon=”icon: smile”]Button text[/su_button] [su_button style=”3d” background=”#f7732c” icon=”icon: cloud-upload” style=”3d”]Button text[/su_button] [su_button style=”3d” background=”#2f2d2d” icon=”icon: arrow-right”]Button text[/su_button] [su_button style=”3d” background=”#924492″ icon=”icon: heart”]Button text[/su_button] [su_button style=”3d” background=”#2ac490″ icon=”icon: gift”]Button text[/su_button] [su_button style=”3d” background=”#2a8ac4″ icon=”icon: retweet”]Button text[/su_button] [su_button style=”3d” background=”#888888″ icon=”icon: time”]Button text[/su_button]
[su_divider style=”dotted”]
[su_button style=”stroked” icon=”icon: check”]Button text[/su_button] [su_button style=”stroked” background=”#cc475e” icon=”icon: anchor”]Button text[/su_button] [su_button style=”stroked” background=”#3990da” icon=”icon: smile”]Button text[/su_button] [su_button style=”stroked” background=”#f7732c” icon=”icon: cloud-upload” style=”stroked”]Button text[/su_button] [su_button style=”stroked” background=”#2f2d2d” icon=”icon: arrow-right”]Button text[/su_button] [su_button style=”stroked” background=”#924492″ icon=”icon: heart”]Button text[/su_button] [su_button style=”stroked” background=”#2ac490″ icon=”icon: gift”]Button text[/su_button] [su_button style=”stroked” background=”#2a8ac4″ icon=”icon: retweet”]Button text[/su_button] [su_button style=”stroked” background=”#888888″ icon=”icon: time”]Button text[/su_button]
[su_divider style=”dotted”]
[su_button style=”bubbles” icon=”icon: check”]Button text[/su_button] [su_button style=”bubbles” background=”#cc475e” icon=”icon: anchor”]Button text[/su_button] [su_button style=”bubbles” background=”#3990da” icon=”icon: smile”]Button text[/su_button] [su_button style=”bubbles” background=”#f7732c” icon=”icon: cloud-upload” style=”bubbles”]Button text[/su_button] [su_button style=”bubbles” background=”#2f2d2d” icon=”icon: arrow-right”]Button text[/su_button] [su_button style=”bubbles” background=”#924492″ icon=”icon: heart”]Button text[/su_button] [su_button style=”bubbles” background=”#2ac490″ icon=”icon: gift”]Button text[/su_button] [su_button style=”bubbles” background=”#2a8ac4″ icon=”icon: retweet”]Button text[/su_button] [su_button style=”bubbles” background=”#888888″ icon=”icon: time”]Button text[/su_button]
[su_divider style=”dotted”]
[su_button icon=”icon: check” wide=”yes”]Button text[/su_button] [su_button wide=”yes” background=”#cc475e” icon=”icon: anchor”]Button text[/su_button] [su_button wide=”yes” background=”#3990da” icon=”icon: smile”]Button text[/su_button] [su_button wide=”yes” background=”#f7732c” icon=”icon: cloud-upload”]Button text[/su_button] [su_button wide=”yes” background=”#2f2d2d” icon=”icon: arrow-right”]Button text[/su_button] [su_button wide=”yes” background=”#924492″ icon=”icon: heart”]Button text[/su_button] [su_button wide=”yes” background=”#2ac490″ icon=”icon: gift”]Button text[/su_button] [su_button wide=”yes” background=”#2a8ac4″ icon=”icon: retweet”]Button text[/su_button] [su_button wide=”yes” background=”#888888″ icon=”icon: time”]Button text[/su_button]