Buttons

[mk_fancy_title tag_name=”h2″ style=”false” color=”#333333″ size=”24″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”40″ margin_bottom=”0″ align=”center”]5 customisable buttons[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”25″ align=”center” border_color=”#f97352″ thickness=”3″ margin_top=”15″ margin_bottom=”35″]

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

[mk_divider divider_width=”full_width” custom_width=”10″ align=”center” border_color=”#ebebeb” thickness=”1″ margin_top=”30″ margin_bottom=”0″ style=”thin_solid”]

[mk_fancy_title tag_name=”h2″ style=”false” color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ align=”left”]3D Buttons[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” border_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]

[mk_button dimension=”three” corner_style=”pointed” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#ff6b6b” btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]POINTED CORNERS[/mk_button][mk_button dimension=”three” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#ff6b6b” btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]ROUNDED CORNERS[/mk_button][mk_button dimension=”three” corner_style=”full_rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#ff6b6b” btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]FULL ROUNDED CORNERS[/mk_button][mk_button dimension=”three” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#ff6b6b” btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]WITH SIDE ICON[/mk_button][mk_button dimension=”three” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#ff6b6b” btn_hover_bg=”#252525″ text_color=”light” icon_anim=”side” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]SIDE ANIMATION[/mk_button][mk_button dimension=”three” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#ff6b6b” btn_hover_bg=”#252525″ text_color=”light” icon_anim=”vertical” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]VERTICAL ANIMATION[/mk_button]

[mk_fancy_title tag_name=”h2″ style=”false” color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ align=”left”]2D Buttons[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” border_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]

[mk_button dimension=”two” corner_style=”pointed” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#978eb4″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]POINTED CORNERS[/mk_button][mk_button dimension=”two” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#978eb4″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]ROUNDED CORNERS[/mk_button][mk_button dimension=”two” corner_style=”full_rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#978eb4″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]FULL ROUNDED CORNERS[/mk_button][mk_button dimension=”two” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#978eb4″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]WITH SIDE ICON[/mk_button][mk_button dimension=”two” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#978eb4″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”side” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]SIDE ANIMATION[/mk_button][mk_button dimension=”two” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#978eb4″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”vertical” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]VERTICAL ANIMATION[/mk_button]

[mk_fancy_title tag_name=”h2″ style=”false” color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ align=”left”]Flat Buttons[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” border_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]

[mk_button dimension=”flat” corner_style=”pointed” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]POINTED CORNERS[/mk_button][mk_button dimension=”flat” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]ROUNDED CORNERS[/mk_button][mk_button dimension=”flat” corner_style=”full_rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]FULL ROUNDED CORNERS[/mk_button][mk_button dimension=”flat” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]WITH SIDE ICON[/mk_button][mk_button dimension=”flat” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”side” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]SIDE ANIMATION[/mk_button][mk_button dimension=”flat” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”vertical” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]VERTICAL ANIMATION[/mk_button]

[mk_fancy_title tag_name=”h2″ style=”false” color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ align=”left”]Outline buttons[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” border_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]

[mk_button dimension=”outline” corner_style=”pointed” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]POINTED CORNERS[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]ROUNDED CORNERS[/mk_button][mk_button dimension=”outline” corner_style=”full_rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]FULL ROUNDED CORNERS[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]WITH SIDE ICON[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”side” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]SIDE ANIMATION[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”vertical” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]VERTICAL ANIMATION[/mk_button]

[/vc_column]

[mk_fancy_title tag_name=”h2″ style=”false” color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ align=”left”]Savvy buttons[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” border_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]

[mk_button dimension=”savvy” corner_style=”pointed” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]POINTED CORNERS[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]ROUNDED CORNERS[/mk_button][mk_button dimension=”savvy” corner_style=”full_rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]FULL ROUNDED CORNERS[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]WITH SIDE ICON[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”side” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]SIDE ANIMATION[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”vertical” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]VERTICAL ANIMATION[/mk_button]

[/vc_column]

[mk_fancy_title tag_name=”h2″ style=”false” color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ align=”left”]Full width Buttons[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” border_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]

[mk_button dimension=”outline” corner_style=”rounded” size=”medium” outline_skin=”custom” outline_active_color=”#2c7fb1″ outline_hover_color=”#ffffff” bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”true” margin_top=”0″ margin_bottom=”15″]ROUNDED CORNERS[/mk_button][mk_button dimension=”flat” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”vertical” target=”_self” align=”left” fullwidth=”true” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]VERTICAL ANIMATION[/mk_button][mk_button dimension=”three” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#ff6b6b” btn_hover_bg=”#252525″ text_color=”light” icon_anim=”vertical” target=”_self” align=”left” fullwidth=”true” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]VERTICAL ANIMATION[/mk_button]

Translate »