fbpx

Push the button!

Home > Elements > Push the button!
[gem_fullwidth background_image=”243″][gem_divider margin_top=”142″][gem_icon pack=”material” shape=”circle” size=”xlarge” centered=”1″ icon_material=”f345″ color=”#ffffff” background_color=”#00bcd4″ border_color=”#175162″][gem_divider margin_top=”66″]
push the button!
[gem_divider margin_top=”112″][/gem_fullwidth]

4 styles

[gem_divider margin_top=”11″ margin_bottom=”11″]
flat + radius

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum

[gem_divider margin_top=”20″ margin_bottom=”20″]
[gem_button position=”left” size=”tiny” corner=”3″ icon_pack=”elegant” text=”Tiny” text_color=”#ffffff” background_color=”#00bcd4″]
[gem_divider margin_top=”-10″][gem_button position=”left” corner=”3″ icon_pack=”elegant” text=”Small” text_color=”#ffffff” background_color=”#00bcd4″]
[gem_button position=”left” size=”medium” corner=”3″ icon_pack=”elegant” text=”Medium” text_color=”#ffffff” background_color=”#00bcd4″]
[gem_button position=”left” size=”large” corner=”4″ icon_pack=”elegant” text=”Large” text_color=”#ffffff” background_color=”#00bcd4″]
[gem_button position=”left” size=”giant” corner=”6″ icon_pack=”elegant” text=”Giant” text_color=”#ffffff” background_color=”#00bcd4″]
stroke + radius

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum

[gem_divider margin_top=”20″ margin_bottom=”20″]
[gem_button position=”left” style=”outline” size=”tiny” corner=”3″ border=”2″ icon_pack=”elegant” text=”Tiny” text_color=”#46485c” hover_background_color=”#ffffff” border_color=”#46485c”]
[gem_divider margin_top=”-10″][gem_button position=”left” style=”outline” corner=”3″ border=”2″ icon_pack=”elegant” text=”Small” text_color=”#46485c” hover_background_color=”#ffffff” border_color=”#46485c”]
[gem_button position=”left” style=”outline” size=”medium” corner=”3″ border=”3″ icon_pack=”elegant” text=”Medium” text_color=”#46485c” hover_background_color=”#ffffff” border_color=”#46485c”]
[gem_button position=”left” style=”outline” size=”large” corner=”4″ border=”4″ icon_pack=”elegant” text=”Large” text_color=”#46485c” hover_background_color=”#ffffff” border_color=”#46485c”]
[gem_button position=”left” style=”outline” size=”giant” corner=”6″ border=”6″ icon_pack=”elegant” text=”Giant” text_color=”#46485c” hover_background_color=”#ffffff” border_color=”#46485c”]
flat + rectangle

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum

[gem_divider margin_top=”20″ margin_bottom=”20″]
[gem_button position=”left” size=”tiny” corner=”0″ icon_pack=”elegant” text=”Tiny” text_color=”#ffffff” background_color=”#1de9b6″]
[gem_divider margin_top=”-10″][gem_button position=”left” corner=”0″ icon_pack=”elegant” text=”Small” text_color=”#ffffff” background_color=”#1de9b6″]
[gem_button position=”left” size=”medium” corner=”0″ icon_pack=”elegant” text=”Medium” text_color=”#ffffff” background_color=”#1de9b6″]
[gem_button position=”left” size=”large” corner=”0″ icon_pack=”elegant” text=”Large” text_color=”#ffffff” background_color=”#1de9b6″]
[gem_button position=”left” size=”giant” corner=”0″ icon_pack=”elegant” text=”Giant” text_color=”#ffffff” background_color=”#1de9b6″]
stroke + rectangle

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum

[gem_divider margin_top=”20″ margin_bottom=”20″]
[gem_button position=”left” style=”outline” size=”tiny” corner=”0″ border=”2″ icon_pack=”elegant” text=”Tiny” text_color=”#5c6bc0″ hover_background_color=”#ffffff” border_color=”#5c6bc0″]
[gem_divider margin_top=”-10″][gem_button position=”left” style=”outline” corner=”0″ border=”2″ icon_pack=”elegant” text=”Small” text_color=”#5c6bc0″ hover_background_color=”#ffffff” border_color=”#5c6bc0″]
[gem_button position=”left” style=”outline” size=”medium” corner=”0″ border=”3″ icon_pack=”elegant” text=”Medium” text_color=”#5c6bc0″ hover_background_color=”#ffffff” border_color=”#5c6bc0″]
[gem_button position=”left” style=”outline” size=”large” corner=”0″ border=”4″ icon_pack=”elegant” text=”Large” text_color=”#5c6bc0″ hover_background_color=”#ffffff” border_color=”#5c6bc0″]
[gem_button position=”left” style=”outline” size=”giant” corner=”0″ border=”6″ icon_pack=”elegant” text=”Giant” text_color=”#5c6bc0″ hover_background_color=”#ffffff” border_color=”#5c6bc0″]
[gem_divider style=”1″ color=”#5f727f” margin_top=”47″ margin_bottom=”80″]

unlimited radius sizes and border width

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio. sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

[gem_button position=”fullwidth” size=”large” corner=”3″ icon_pack=”elegant” text=”radius 3px” text_color=”#ffffff” background_color=”#9ccc65″]
[gem_button position=”fullwidth” size=”large” corner=”10″ icon_pack=”elegant” text=”radius 10px” text_color=”#ffffff” background_color=”#7d9f63″]
[gem_button position=”fullwidth” size=”large” corner=”20″ icon_pack=”elegant” text=”radius 20px” text_color=”#ffffff” background_color=”#5a6c61″]
[gem_button position=”fullwidth” size=”large” corner=”40″ icon_pack=”elegant” text=”radius 40px” text_color=”#ffffff” background_color=”#3b415f”]
[gem_button position=”fullwidth” style=”outline” size=”medium” text_weight=”thin” corner=”0″ border=”1″ icon_pack=”elegant” text=”stroke 1px” text_color=”#46485c” hover_text_color=”#46485c” hover_background_color=”#ffffff” border_color=”#46485c”]
[gem_button position=”fullwidth” style=”outline” size=”medium” corner=”2″ border=”2″ icon_pack=”elegant” text=”stroke 2px” text_color=”#46485c” hover_text_color=”#46485c” hover_background_color=”#ffffff” border_color=”#46485c”]
[gem_button position=”fullwidth” style=”outline” size=”medium” corner=”3″ border=”3″ icon_pack=”elegant” text=”stroke 3px” text_color=”#46485c” hover_text_color=”#46485c” hover_background_color=”#ffffff” border_color=”#46485c”]
[gem_button position=”fullwidth” style=”outline” size=”medium” corner=”4″ border=”4″ icon_pack=”elegant” text=”stroke 4px” text_color=”#46485c” hover_text_color=”#46485c” hover_background_color=”#ffffff” border_color=”#46485c”]
[gem_button position=”fullwidth” style=”outline” size=”medium” corner=”5″ border=”5″ icon_pack=”elegant” text=”stroke 5px” text_color=”#46485c” hover_text_color=”#46485c” hover_background_color=”#ffffff” border_color=”#46485c”]
[gem_button position=”fullwidth” style=”outline” size=”medium” corner=”6″ border=”6″ icon_pack=”elegant” text=”stroke 2px” text_color=”#46485c” hover_text_color=”#46485c” hover_background_color=”#ffffff” border_color=”#46485c”]
[gem_fullwidth background_style=”cover” container=”1″ background_image=”385″ padding_top=”130″ padding_bottom=”120″]

left + right icons

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio. sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

[gem_button position=”right” size=”giant” corner=”3″ icon_pack=”material” text=”with left icon” text_color=”#ffffff” icon_material=”f5d8″ background_color=”#c4d975″]
[gem_button position=”left” style=”outline” size=”giant” corner=”6″ border=”6″ icon_pack=”material” icon_position=”right” text=”with right icon” text_color=”#c4d975″ icon_material=”f3a7″ border_color=”#c4d975″ hover_background_color=”rgba(0,0,0,0.01)”]
[gem_button position=”right” size=”large” corner=”3″ icon_pack=”material” text=”with left icon” text_color=”#ffffff” icon_material=”f1c4″ background_color=”#a97c63″]
[gem_button position=”left” style=”outline” size=”large” corner=”4″ border=”4″ icon_pack=”material” icon_position=”right” text=”with right icon” text_color=”#a97c63″ icon_material=”f519″ border_color=”#a97c63″ hover_background_color=”rgba(0,0,0,0.01)”]
[gem_button position=”right” size=”medium” corner=”3″ icon_pack=”material” text=”with left icon” text_color=”#ffffff” icon_material=”f37b” background_color=”#973f59″]
[gem_button position=”left” style=”outline” size=”medium” corner=”3″ border=”3″ icon_pack=”material” icon_position=”right” text=”with right icon” text_color=”#973f59″ icon_material=”f4f0″ border_color=”#973f59″ hover_background_color=”rgba(0,0,0,0.01)”]
[gem_button position=”right” corner=”3″ icon_pack=”material” text=”with left icon” text_color=”#212331″ icon_material=”f34d” background_color=”#f2ffd2″]
[gem_button position=”left” style=”outline” corner=”2″ border=”2″ icon_pack=”material” icon_position=”right” text=”with right icon” text_color=”#f2ffd2″ icon_material=”f183″ border_color=”#f2ffd2″ hover_background_color=”rgba(0,0,0,0.01)”]
[gem_divider margin_top=”-10″][gem_button position=”right” size=”tiny” corner=”3″ icon_pack=”material” text=”with left icon” text_color=”#ffffff” icon_material=”f496″ background_color=”#663d86″]
[gem_divider margin_top=”-10″][gem_button position=”left” style=”outline” size=”tiny” corner=”2″ border=”2″ icon_pack=”material” icon_position=”right” text=”with right icon” text_color=”#663d86″ icon_material=”f227″ border_color=”#663d86″ hover_background_color=”rgba(0,0,0,0.01)”]
[/gem_fullwidth]
unlimited colors!
with thin font

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odiosit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum

[gem_button position=”fullwidth” size=”giant” text_weight=”thin” corner=”60″ icon_pack=”elegant” text=”thin font style” text_color=”#ffffff” background_color=”#fcb33a”]
[gem_divider margin_top=”-20″][gem_button position=”fullwidth” size=”large” text_weight=”thin” corner=”40″ icon_pack=”elegant” text=”thin font” text_color=”#ffffff” background_color=”#ef4743″]
[gem_divider margin_top=”-20″][gem_button position=”fullwidth” size=”large” text_weight=”thin” corner=”40″ icon_pack=”elegant” text=”thin font” text_color=”#ffffff” background_color=”#faaa6c”]
[gem_divider margin_top=”-35″][gem_button position=”fullwidth” size=”medium” text_weight=”thin” corner=”25″ icon_pack=”elegant” text=”hello!” text_color=”#ffffff” background_color=”#ef4774″]
[gem_divider margin_top=”-35″][gem_button position=”fullwidth” size=”medium” text_weight=”thin” corner=”25″ icon_pack=”elegant” text=”hello!” text_color=”#ffffff” background_color=”#f38080″]
[gem_divider margin_top=”-35″][gem_button position=”fullwidth” size=”medium” text_weight=”thin” corner=”25″ icon_pack=”elegant” text=”hello!” text_color=”#ffffff” background_color=”#f69679″]
[gem_divider margin_top=”-35″][gem_button position=”fullwidth” size=”tiny” text_weight=”thin” corner=”20″ icon_pack=”elegant” text=”yes” text_color=”#ffffff” background_color=”#ed0973″]
[gem_divider margin_top=”-35″][gem_button position=”fullwidth” size=”tiny” text_weight=”thin” corner=”20″ icon_pack=”elegant” text=”yes” text_color=”#ffffff” background_color=”#ef4774″]
[gem_divider margin_top=”-35″][gem_button position=”fullwidth” size=”tiny” text_weight=”thin” corner=”20″ icon_pack=”elegant” text=”yes” text_color=”#ffffff” background_color=”#f38094″]
[gem_divider margin_top=”-35″][gem_button position=”fullwidth” size=”tiny” text_weight=”thin” corner=”20″ icon_pack=”elegant” text=”yes” text_color=”#ffffff” background_color=”#f38094″]
[gem_divider margin_top=”-35″][gem_button position=”fullwidth” size=”tiny” text_weight=”thin” corner=”20″ icon_pack=”elegant” text=”yes” text_color=”#ffffff” background_color=”#f5989d”]
[gem_divider margin_top=”-35″][gem_button position=”fullwidth” size=”tiny” text_weight=”thin” corner=”20″ icon_pack=”elegant” text=”yes” text_color=”#ffffff” background_color=”#c8cad6″]
with bold font

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odiosit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum

[gem_button position=”fullwidth” size=”giant” corner=”60″ icon_pack=”elegant” text=”bold font style” text_color=”#ffffff” background_color=”#ffdf48″]
[gem_divider margin_top=”-20″][gem_button position=”fullwidth” size=”large” corner=”40″ icon_pack=”elegant” text=”bold font” text_color=”#ffffff” background_color=”#eeee81″]
[gem_divider margin_top=”-20″][gem_button position=”fullwidth” size=”large” corner=”40″ icon_pack=”elegant” text=”bold font” text_color=”#ffffff” background_color=”#a8d26d”]
[gem_divider margin_top=”-35″][gem_button position=”fullwidth” size=”medium” corner=”25″ icon_pack=”elegant” text=”hello!” text_color=”#ffffff” background_color=”#dde494″]
[gem_divider margin_top=”-35″][gem_button position=”fullwidth” size=”medium” corner=”25″ icon_pack=”elegant” text=”hello!” text_color=”#ffffff” background_color=”#77c588″]
[gem_divider margin_top=”-35″][gem_button position=”fullwidth” size=”medium” corner=”25″ icon_pack=”elegant” text=”hello!” text_color=”#ffffff” background_color=”#2bb673″]
[gem_divider margin_top=”-35″][gem_button position=”fullwidth” size=”tiny” corner=”20″ icon_pack=”elegant” text=”yes” text_color=”#ffffff” background_color=”#c4df9b”]
[gem_divider margin_top=”-35″][gem_button position=”fullwidth” size=”tiny” corner=”20″ icon_pack=”elegant” text=”yes” text_color=”#ffffff” background_color=”#81ca9c”]
[gem_divider margin_top=”-35″][gem_button position=”fullwidth” size=”tiny” corner=”20″ icon_pack=”elegant” text=”yes” text_color=”#ffffff” background_color=”#5dc095″]
[gem_divider margin_top=”-35″][gem_button position=”fullwidth” size=”tiny” corner=”20″ icon_pack=”elegant” text=”yes” text_color=”#ffffff” background_color=”#5dc095″]
[gem_divider margin_top=”-35″][gem_button position=”fullwidth” size=”tiny” corner=”20″ icon_pack=”elegant” text=”yes” text_color=”#ffffff” background_color=”#2bb673″]
[gem_divider margin_top=”-35″][gem_button position=”fullwidth” size=”tiny” corner=”20″ icon_pack=”elegant” text=”yes” text_color=”#ffffff” background_color=”#00a775″]
[gem_button position=”fullwidth” style=”outline” size=”tiny” text_weight=”thin” corner=”0″ border=”1″ icon_pack=”elegant” text=”yes” text_color=”#ee458b” border_color=”#ee458b”]
[gem_button position=”fullwidth” style=”outline” size=”tiny” text_weight=”thin” corner=”0″ border=”1″ icon_pack=”elegant” text=”yes” text_color=”#f1678f” border_color=”#f1678f”]
[gem_button position=”fullwidth” style=”outline” size=”tiny” text_weight=”thin” corner=”0″ border=”1″ icon_pack=”elegant” text=”yes” text_color=”#f282a9″ border_color=”#f282a9″]
[gem_button position=”fullwidth” style=”outline” size=”tiny” text_weight=”thin” corner=”0″ border=”1″ icon_pack=”elegant” text=”yes” text_color=”#f282a9″ border_color=”#f282a9″]
[gem_button position=”fullwidth” style=”outline” size=”tiny” text_weight=”thin” corner=”0″ border=”1″ icon_pack=”elegant” text=”yes” text_color=”#f49ac1″ border_color=”#f49ac1″]
[gem_button position=”fullwidth” style=”outline” size=”tiny” text_weight=”thin” corner=”0″ border=”1″ icon_pack=”elegant” text=”yes” text_color=”#c8cad6″ border_color=”#c8cad6″]
[gem_divider margin_top=”-25″][gem_button position=”fullwidth” style=”outline” size=”medium” text_weight=”thin” corner=”0″ border=”1″ icon_pack=”elegant” text=”hello!” text_color=”#f067a6″ border_color=”#f067a6″]
[gem_divider margin_top=”-25″][gem_button position=”fullwidth” style=”outline” size=”medium” text_weight=”thin” corner=”0″ border=”1″ icon_pack=”elegant” text=”hello!” text_color=”#e07fb4″ border_color=”#e07fb4″]
[gem_divider margin_top=”-25″][gem_button position=”fullwidth” style=”outline” size=”medium” text_weight=”thin” corner=”0″ border=”1″ icon_pack=”elegant” text=”hello!” text_color=”#bd8cbf” border_color=”#bd8cbf”]
[gem_divider margin_top=”-40″][gem_button position=”fullwidth” style=”outline” size=”large” text_weight=”thin” corner=”0″ border=”1″ icon_pack=”elegant” text=”thin font” text_color=”#d74498″ border_color=”#d74498″]
[gem_divider margin_top=”-40″][gem_button position=”fullwidth” style=”outline” size=”large” text_weight=”thin” corner=”0″ border=”1″ icon_pack=”elegant” text=”thin font” text_color=”#a173b2″ border_color=”#a173b2″]
[gem_divider margin_top=”-40″][gem_button position=”fullwidth” style=”outline” size=”giant” text_weight=”thin” corner=”0″ border=”1″ icon_pack=”elegant” text=”thin font style” text_color=”#5f42a3″ border_color=”#5f42a3″]
[gem_button position=”fullwidth” style=”outline” size=”tiny” corner=”0″ border=”2″ icon_pack=”elegant” text=”yes” text_color=”#7dd7e6″ border_color=”#7dd7e6″]
[gem_button position=”fullwidth” style=”outline” size=”tiny” corner=”0″ border=”2″ icon_pack=”elegant” text=”yes” text_color=”#79ccc8″ border_color=”#79ccc8″]
[gem_button position=”fullwidth” style=”outline” size=”tiny” corner=”0″ border=”2″ icon_pack=”elegant” text=”yes” text_color=”#56c2af” border_color=”#56c2af”]
[gem_button position=”fullwidth” style=”outline” size=”tiny” corner=”0″ border=”2″ icon_pack=”elegant” text=”yes” text_color=”#56c2af” border_color=”#56c2af”]
[gem_button position=”fullwidth” style=”outline” size=”tiny” corner=”0″ border=”2″ icon_pack=”elegant” text=”yes” text_color=”#13b893″ border_color=”#13b893″]
[gem_button position=”fullwidth” style=”outline” size=”tiny” corner=”0″ border=”2″ icon_pack=”elegant” text=”yes” text_color=”#00a775″ border_color=”#00a775″]
[gem_divider margin_top=”-25″][gem_button position=”fullwidth” style=”outline” size=”medium” corner=”0″ border=”3″ icon_pack=”elegant” text=”hello!” text_color=”#76bae7″ border_color=”#76bae7″]
[gem_divider margin_top=”-25″][gem_button position=”fullwidth” style=”outline” size=”medium” corner=”0″ border=”3″ icon_pack=”elegant” text=”hello!” text_color=”#4ec3c9″ border_color=”#4ec3c9″]
[gem_divider margin_top=”-25″][gem_button position=”fullwidth” style=”outline” size=”medium” corner=”0″ border=”3″ icon_pack=”elegant” text=”hello!” text_color=”#01b9b1″ border_color=”#01b9b1″]
[gem_divider margin_top=”-40″][gem_button position=”fullwidth” style=”outline” size=”large” corner=”0″ border=”4″ icon_pack=”elegant” text=”bold font” text_color=”#658cc8″ border_color=”#658cc8″]
[gem_divider margin_top=”-40″][gem_button position=”fullwidth” style=”outline” size=”large” corner=”0″ border=”4″ icon_pack=”elegant” text=”bold font” text_color=”#01bbd0″ border_color=”#01bbd0″]
[gem_divider margin_top=”-40″][gem_button position=”fullwidth” style=”outline” size=”giant” corner=”0″ border=”6″ icon_pack=”elegant” text=”bold font style” text_color=”#006dac” border_color=”#006dac”]
[gem_fullwidth background_style=”cover” styled_marker_bottom_style=”figure” styled_marker_bottom_direction=”outside” background_color=”#212331″ padding_top=”0″ padding_bottom=”0″ padding_left=”0″ padding_right=”0″][/gem_fullwidth][gem_fullwidth background_style=”cover” container=”1″ background_image=”569″ padding_top=”0″ padding_bottom=”0″ padding_left=”0″ padding_right=”0″]
[gem_alert_box icon_pack=”image” content_background_color=”” button_1_size=”medium” button_1_corner=”3″ button_1_icon_pack=”elegant” button_2_activate=”1″ button_2_style=”outline” button_2_size=”medium” button_2_corner=”3″ button_2_border=”3″ button_2_icon_pack=”elegant” centered=”1″ button_1_text=”buy the gem” button_1_text_color=”#393b4d” button_1_background_color=”#a7f9f8″ button_2_text=”learn more” button_2_text_color=”#00bcd4″ button_2_border_color=”#00bcd4″]

Trends come and go.
Diamonds are forever.

Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class taciti socios ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justoeu felis dapibus. condimentum sit amet. 
[/gem_alert_box]
[/gem_fullwidth]
CONTACT