Buttons

Buttons2015-12-12T08:57:16+00:00
[mk_fancy_title color=”#333333″ size=”24″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”40″ margin_bottom=”0″ font_family=”none” align=”center”]7 customisable buttons[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”25″ thin_single_color=”#f97352″ thickness=”3″ margin_top=”15″ margin_bottom=”35″]

Choose between 7 beautiful and animated button styles with customise features such as corner radius and button hover color.

[mk_divider style=”thin_solid” margin_top=”30″ margin_bottom=”0″]
[mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ font_family=”none”]Gradient Buttons[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” thin_single_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]
[mk_button_gradient dimension=”flat” size=”medium” grandient_color_from=”#3edbd9″ grandient_color_to=”#5841b8″ grandient_color_angle=”diagonal_left_top” margin_top=”15″]POINTED CORNERS[/mk_button_gradient][mk_button_gradient dimension=”flat” size=”medium” corner_style=”rounded” grandient_color_from=”#3edbd9″ grandient_color_to=”#5841b8″ grandient_color_angle=”diagonal_left_top” margin_top=”15″]ROUNDED CORNERS[/mk_button_gradient][mk_button_gradient dimension=”flat” size=”medium” corner_style=”full_rounded” grandient_color_from=”#3edbd9″ grandient_color_to=”#5841b8″ grandient_color_angle=”diagonal_left_top” margin_top=”15″]FULL ROUNDED CORNERS[/mk_button_gradient]
[mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ font_family=”none”]Double Outline Buttons[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” thin_single_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]
[mk_button dimension=”double-outline” size=”medium”]POINTED CORNERS[/mk_button][mk_button dimension=”double-outline” corner_style=”rounded” size=”medium”]ROUNDED CORNERS[/mk_button][mk_button dimension=”double-outline” corner_style=”full_rounded” size=”medium”]FULL ROUNDED CORNERS[/mk_button][mk_button dimension=”double-outline” corner_style=”rounded” size=”medium” icon=”mk-moon-download”]WITH SIDE ICON[/mk_button][mk_button dimension=”double-outline” corner_style=”rounded” size=”large” icon=”mk-moon-download”]SIDE ANIMATION[/mk_button][mk_button dimension=”double-outline” corner_style=”rounded” size=”large” icon=”mk-moon-download”]VERTICAL ANIMATION[/mk_button]
[mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″]3D Buttons[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” thin_single_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]
[mk_button size=”medium” bg_color=”#ff6b6b”]POINTED CORNERS[/mk_button][mk_button corner_style=”rounded” size=”medium” bg_color=”#ff6b6b”]ROUNDED CORNERS[/mk_button][mk_button corner_style=”full_rounded” size=”medium” bg_color=”#ff6b6b”]FULL ROUNDED CORNERS[/mk_button][mk_button corner_style=”rounded” size=”medium” icon=”mk-moon-download” bg_color=”#ff6b6b”]WITH SIDE ICON[/mk_button][mk_button corner_style=”rounded” size=”large” icon=”mk-moon-download” icon_anim=”side” bg_color=”#ff6b6b”]SIDE ANIMATION[/mk_button][mk_button corner_style=”rounded” size=”large” icon=”mk-moon-download” icon_anim=”vertical” bg_color=”#ff6b6b”]VERTICAL ANIMATION[/mk_button]
[mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″]2D Buttons[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” thin_single_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]
[mk_button dimension=”two” size=”medium” bg_color=”#978eb4″]POINTED CORNERS[/mk_button][mk_button dimension=”two” corner_style=”rounded” size=”medium” bg_color=”#978eb4″]ROUNDED CORNERS[/mk_button][mk_button dimension=”two” corner_style=”full_rounded” size=”medium” bg_color=”#978eb4″]FULL ROUNDED CORNERS[/mk_button][mk_button dimension=”two” corner_style=”rounded” size=”medium” icon=”mk-moon-download” bg_color=”#978eb4″]WITH SIDE ICON[/mk_button][mk_button dimension=”two” corner_style=”rounded” size=”large” icon=”mk-moon-download” icon_anim=”side” bg_color=”#978eb4″]SIDE ANIMATION[/mk_button][mk_button dimension=”two” corner_style=”rounded” size=”large” icon=”mk-moon-download” icon_anim=”vertical” bg_color=”#978eb4″]VERTICAL ANIMATION[/mk_button]
[mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″]Flat Buttons[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” thin_single_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]
[mk_button dimension=”flat” size=”medium” bg_color=”#57c8c3″]POINTED CORNERS[/mk_button][mk_button dimension=”flat” corner_style=”rounded” size=”medium” bg_color=”#57c8c3″]ROUNDED CORNERS[/mk_button][mk_button dimension=”flat” corner_style=”full_rounded” size=”medium” bg_color=”#57c8c3″]FULL ROUNDED CORNERS[/mk_button][mk_button dimension=”flat” corner_style=”rounded” size=”medium” icon=”mk-moon-download” bg_color=”#57c8c3″]WITH SIDE ICON[/mk_button][mk_button dimension=”flat” corner_style=”rounded” size=”large” icon=”mk-moon-download” icon_anim=”side” bg_color=”#57c8c3″]SIDE ANIMATION[/mk_button][mk_button dimension=”flat” corner_style=”rounded” size=”large” icon=”mk-moon-download” icon_anim=”vertical” bg_color=”#57c8c3″]VERTICAL ANIMATION[/mk_button]
[mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″]Outline buttons[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” thin_single_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]
[mk_button dimension=”outline” size=”medium”]POINTED CORNERS[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”medium”]ROUNDED CORNERS[/mk_button][mk_button dimension=”outline” corner_style=”full_rounded” size=”medium”]FULL ROUNDED CORNERS[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”medium” icon=”mk-moon-download”]WITH SIDE ICON[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”large” icon=”mk-moon-download” icon_anim=”side”]SIDE ANIMATION[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”large” icon=”mk-moon-download” icon_anim=”vertical”]VERTICAL ANIMATION[/mk_button]
[mk_page_section bg_color=”#555555″ padding_top=”50″ padding_bottom=”40″ sidebar=”sidebar-1″ first_page=”false” last_page=”false”]
[mk_custom_box padding_vertical=”4
0″ padding_horizental=”40″ margin_bottom=”0″ bg_color=”#555555″][mk_button dimension=”outline” size=”medium” outline_skin=”light”]POINTED CORNERS[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”medium” outline_skin=”custom” outline_active_color=”#71d3cf” outline_hover_color=”#444444″]ROUNDED CORNERS[/mk_button][mk_button dimension=”outline” corner_style=”full_rounded” size=”medium” outline_skin=”custom” outline_active_color=”#e6d459″ outline_hover_color=”#444444″]FULL ROUNDED CORNERS[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”medium” icon=”mk-moon-download” outline_skin=”custom” outline_active_color=”#5adff3″ outline_hover_color=”#444444″]WITH SIDE ICON[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”large” icon=”mk-moon-download” icon_anim=”side” outline_skin=”custom” outline_active_color=”#b3e24e” outline_hover_color=”#333333″]SIDE ANIMATION[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”large” icon=”mk-moon-download” icon_anim=”vertical” outline_skin=”custom” outline_active_color=”#ff6b6b” outline_hover_color=”#444444″]VERTICAL ANIMATION[/mk_button][/mk_custom_box]
[/mk_page_section]
[mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″]Savvy buttons[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” thin_single_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]
[mk_button dimension=”savvy” size=”medium”]POINTED CORNERS[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”medium”]ROUNDED CORNERS[/mk_button][mk_button dimension=”savvy” corner_style=”full_rounded” size=”medium”]FULL ROUNDED CORNERS[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”medium” icon=”mk-moon-download”]WITH SIDE ICON[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”large” icon=”mk-moon-download”]SIDE ANIMATION[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”large” icon=”mk-moon-download”]VERTICAL ANIMATION[/mk_button]
[mk_page_section bg_color=”#555555″ padding_top=”50″ padding_bottom=”40″ sidebar=”sidebar-1″ first_page=”false” last_page=”false”]
[mk_custom_box padding_vertical=”40″ padding_horizental=”40″ margin_bottom=”0″ bg_color=”#555555″]
[mk_button dimension=”savvy” size=”medium” outline_skin=”light”]POINTED CORNERS[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”medium” outline_skin=”custom” outline_active_color=”#71d3cf” outline_hover_color=”#444444″]ROUNDED CORNERS[/mk_button][mk_button dimension=”savvy” corner_style=”full_rounded” size=”medium” outline_skin=”custom” outline_active_color=”#e6d459″ outline_hover_color=”#444444″]FULL ROUNDED CORNERS[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”medium” icon=”mk-moon-download” outline_skin=”custom” outline_active_color=”#5adff3″ outline_hover_color=”#444444″]WITH SIDE ICON[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”large” icon=”mk-moon-download” outline_skin=”custom” outline_active_color=”#b3e24e” outline_hover_color=”#333333″]SIDE ANIMATION[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”large” icon=”mk-moon-download” outline_skin=”custom” outline_active_color=”#ff6b6b” outline_hover_color=”#444444″]VERTICAL ANIMATION[/mk_button][/mk_custom_box]
[/mk_page_section]
[mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″]Full width Buttons[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” thin_single_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]
[mk_button dimension=”outline” corner_style=”rounded” size=”medium” fullwidth=”true” outline_skin=”custom” outline_active_color=”#2c7fb1″ outline_hover_color=”#ffffff”]ROUNDED CORNERS[/mk_button][mk_button dimension=”flat” corner_style=”rounded” size=”large” icon=”mk-moon-download” icon_anim=”vertical” fullwidth=”true” bg_color=”#57c8c3″]VERTICAL ANIMATION[/mk_button][mk_button corner_style=”rounded” size=”large” icon=”mk-moon-download” icon_anim=”vertical” fullwidth=”true” bg_color=”#ff6b6b”]VERTICAL ANIMATION[/mk_button]