[vc_row luv_text_alignment=”center” css=”.vc_custom_1462527424901{margin-top: 50px !important;}”][vc_column][vc_column_text]

Size variations

We have 6 different size: small, normal, large, x-large, xx-large, and full width.[/vc_column_text][vc_row_inner equal_height=”yes” content_placement=”middle” css=”.vc_custom_1462527481535{padding-top: 10px !important;padding-bottom: 10px !important;}”][vc_column_inner width=”1/3″][luv_button target=”_blank” size=”btn-s” href=”#” text=”SMALL BUTTON”][/vc_column_inner][vc_column_inner width=”1/3″][luv_button target=”_blank” href=”#” text=”NORMAL BUTTON”][/vc_column_inner][vc_column_inner width=”1/3″][luv_button target=”_blank” size=”btn-l” href=”#” text=”LARGE BUTTON”][/vc_column_inner][/vc_row_inner][vc_row_inner equal_height=”yes” content_placement=”middle” css=”.vc_custom_1462527489866{padding-top: 10px !important;padding-bottom: 10px !important;}”][vc_column_inner width=”1/3″][luv_button target=”_blank” size=”btn-xl” href=”#” text=”XL BUTTON”][/vc_column_inner][vc_column_inner width=”1/3″][luv_button target=”_blank” size=”btn-xxl” href=”#” text=”XXL BUTTON”][/vc_column_inner][vc_column_inner width=”1/3″][luv_button target=”_blank” size=”btn-xxl” href=”#” text=”FULL WIDTH BUTTON” block=”true”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” luv_text_alignment=”center” css=”.vc_custom_1462528757650{margin-top: 30px !important;padding-top: 30px !important;padding-bottom: 30px !important;background-color: #ffffff !important;}”][vc_column css=”.vc_custom_1462528793855{padding-top: 0px !important;}”][vc_column_text]

Shape variations

4 different shape, you can mix any of them[/vc_column_text][vc_row_inner equal_height=”yes” content_placement=”middle” css=”.vc_custom_1462527481535{padding-top: 10px !important;padding-bottom: 10px !important;}”][vc_column_inner width=”1/4″][luv_button target=”_blank” href=”#” text=”DEFAULT”][/vc_column_inner][vc_column_inner width=”1/4″][luv_button target=”_blank” href=”#” text=”OUTLINE” only_border=”true”][/vc_column_inner][vc_column_inner width=”1/4″][luv_button target=”_blank” href=”#” text=”3D STYLE” is_3d=”true”][/vc_column_inner][vc_column_inner width=”1/4″][luv_button target=”_blank” href=”#” text=”ROUNDED” is_rounded=”true”][/vc_column_inner][/vc_row_inner][vc_row_inner equal_height=”yes” content_placement=”middle” css=”.vc_custom_1462527481535{padding-top: 10px !important;padding-bottom: 10px !important;}”][vc_column_inner width=”1/4″][luv_button target=”_blank” href=”#” text=”OUTLINE + ROUNDED” only_border=”true” is_rounded=”true”][/vc_column_inner][vc_column_inner width=”1/4″][luv_button target=”_blank” href=”#” text=”3D + OUTLINE” only_border=”true” is_3d=”true”][/vc_column_inner][vc_column_inner width=”1/4″][luv_button target=”_blank” href=”#” text=”3D + ROUNDED” is_3d=”true” is_rounded=”true”][/vc_column_inner][vc_column_inner width=”1/4″][luv_button target=”_blank” href=”#” text=”ROUNDED + OUTLINE + 3D” is_rounded=”true” is_3d=”true” only_border=”true”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” luv_text_alignment=”center” css=”.vc_custom_1462529601349{margin-top: 0px !important;padding-top: 30px !important;padding-bottom: 0px !important;}”][vc_column css=”.vc_custom_1462528793855{padding-top: 0px !important;}”][vc_column_text]

Hover effects

Get more attention with the following unique hover effects[/vc_column_text][vc_row_inner equal_height=”yes” content_placement=”middle” css=”.vc_custom_1462527481535{padding-top: 10px !important;padding-bottom: 10px !important;}”][vc_column_inner width=”1/4″][luv_button target=”_blank” hover_effect=”btn-hover-fill-top” href=”#” text=”FILL FROM TOP”][/vc_column_inner][vc_column_inner width=”1/4″][luv_button target=”_blank” hover_effect=”btn-hover-fill-right” href=”#” text=”FILL FROM RIGHT” only_border=”false”][/vc_column_inner][vc_column_inner width=”1/4″][luv_button target=”_blank” hover_effect=”btn-hover-fill-bottom” href=”#” text=”FILL FROM BOTTOM” is_3d=”false”][/vc_column_inner][vc_column_inner width=”1/4″][luv_button target=”_blank” hover_effect=”btn-hover-fill-left” href=”#” text=”FILL FROM BOTTOM” is_rounded=”false”][/vc_column_inner][/vc_row_inner][vc_row_inner equal_height=”yes” content_placement=”middle” css=”.vc_custom_1462527481535{padding-top: 10px !important;padding-bottom: 10px !important;}”][vc_column_inner width=”1/4″][luv_button target=”_blank” hover_effect=”btn-hover-expand-horizontal” href=”#” text=”EXPAND – HORIZONTAL” only_border=”false” is_rounded=”false”][/vc_column_inner][vc_column_inner width=”1/4″][luv_button target=”_blank” hover_effect=”btn-hover-expand-vertical” href=”#” text=”EXPAND – VERTICAL” only_border=”false” is_3d=”false”][/vc_column_inner][vc_column_inner width=”1/4″][luv_button target=”_blank” hover_effect=”btn-hover-expand-diagonal” href=”#” text=”EXPAND – DIAGONAL” is_3d=”false” is_rounded=”false”][/vc_column_inner][vc_column_inner width=”1/4″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” luv_text_alignment=”center” css=”.vc_custom_1462528757650{margin-top: 30px !important;padding-top: 30px !important;padding-bottom: 30px !important;background-color: #ffffff !important;}”][vc_column css=”.vc_custom_1462528793855{padding-top: 0px !important;}”][vc_column_text]

Hover animations

..or get more attention with animations[/vc_column_text][vc_row_inner equal_height=”yes” content_placement=”middle” css=”.vc_custom_1462527481535{padding-top: 10px !important;padding-bottom: 10px !important;}”][vc_column_inner width=”1/4″][luv_button target=”_blank” hover_animation=”bounce” href=”#” text=”BOUNCE”][/vc_column_inner][vc_column_inner width=”1/4″][luv_button target=”_blank” hover_animation=”shake” href=”#” text=”SHAKE”][/vc_column_inner][vc_column_inner width=”1/4″][luv_button target=”_blank” hover_animation=”rubberBand” href=”#” text=”RUBBER”][/vc_column_inner][vc_column_inner width=”1/4″][luv_button target=”_blank” hover_animation=”swing” href=”#” text=”SWING”][/vc_column_inner][/vc_row_inner][vc_row_inner equal_height=”yes” content_placement=”middle” css=”.vc_custom_1462527481535{padding-top: 10px !important;padding-bottom: 10px !important;}”][vc_column_inner width=”1/4″][luv_button target=”_blank” hover_animation=”pulse” href=”#” text=”PULSE”][/vc_column_inner][vc_column_inner width=”1/4″][luv_button target=”_blank” hover_animation=”tada” href=”#” text=”TADA”][/vc_column_inner][vc_column_inner width=”1/4″][luv_button target=”_blank” hover_animation=”wobble” href=”#” text=”WOBBLE”][/vc_column_inner][vc_column_inner width=”1/4″][luv_button target=”_blank” hover_animation=”jello” href=”#” text=”JELLO”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” luv_text_alignment=”center” css=”.vc_custom_1462529601349{margin-top: 0px !important;padding-top: 30px !important;padding-bottom: 0px !important;}”][vc_column css=”.vc_custom_1462528793855{padding-top: 0px !important;}”][vc_column_text]

Buttons with icon

Choose your favorite from the 1000+ integrated icons[/vc_column_text][vc_row_inner equal_height=”yes” content_placement=”middle” css=”.vc_custom_1462527481535{padding-top: 10px !important;padding-bottom: 10px !important;}”][vc_column_inner width=”1/3″][luv_button target=”_blank” icon_display_effect=”btn-icon-default-left” href=”#” text=”DEFAULT – LEFT” icon=”fa fa-motorcycle”][/vc_column_inner][vc_column_inner width=”1/3″][luv_button target=”_blank” icon_display_effect=”btn-icon-default-right” href=”#” text=”DEFAULT – RIGHT” only_border=”false” icon=”fa fa-automobile”][/vc_column_inner][vc_column_inner width=”1/3″][luv_button target=”_blank” icon_display_effect=”btn-icon-slide-left” href=”#” text=”SLIDE – LEFT” only_border=”false” icon=”fa fa-cab”][/vc_column_inner][/vc_row_inner][vc_row_inner equal_height=”yes” content_placement=”middle” css=”.vc_custom_1462527481535{padding-top: 10px !important;padding-bottom: 10px !important;}”][vc_column_inner width=”1/3″][luv_button target=”_blank” icon_display_effect=”btn-icon-slide-right” href=”#” text=”SLIDE – RIGHT” only_border=”false” icon=”fa fa-bus”][/vc_column_inner][vc_column_inner width=”1/3″][luv_button target=”_blank” icon_display_effect=”btn-icon-push-top” href=”#” text=”PUSH – TOP” only_border=”false” icon=”fa fa-fighter-jet”][/vc_column_inner][vc_column_inner width=”1/3″][luv_button target=”_blank” icon_display_effect=”btn-icon-push-left” href=”#” text=”PUSH – LEFT” only_border=”false” icon=”fa fa-rocket”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” luv_text_alignment=”center” css=”.vc_custom_1462528757650{margin-top: 30px !important;padding-top: 30px !important;padding-bottom: 30px !important;background-color: #ffffff !important;}”][vc_column css=”.vc_custom_1462528793855{padding-top: 0px !important;}”][vc_column_text]

Unique border styles

Enhance your buttons with unique, hand-drawn border styles[/vc_column_text][vc_row_inner equal_height=”yes” content_placement=”middle” css=”.vc_custom_1462527481535{padding-top: 10px !important;padding-bottom: 10px !important;}”][vc_column_inner width=”1/3″][luv_button target=”_blank” border_style=”btn-handdrawn lined-thick” href=”#” text=”LINED – THICK” only_border=”true”][/vc_column_inner][vc_column_inner width=”1/3″][luv_button target=”_blank” border_style=”btn-handdrawn dotted-thick” href=”#” text=”DOTTED – THICK” only_border=”true”][/vc_column_inner][vc_column_inner width=”1/3″][luv_button target=”_blank” border_style=”btn-handdrawn dashed-thick” href=”#” text=”DASHED – THICK” only_border=”true”][/vc_column_inner][/vc_row_inner][vc_row_inner equal_height=”yes” content_placement=”middle” css=”.vc_custom_1462527481535{padding-top: 10px !important;padding-bottom: 10px !important;}”][vc_column_inner width=”1/3″][luv_button target=”_blank” border_style=”btn-handdrawn lined-thin” href=”#” text=”LINED – THIN” only_border=”true”][/vc_column_inner][vc_column_inner width=”1/3″][luv_button target=”_blank” border_style=”btn-handdrawn dotted-thin” href=”#” text=”DOTTED – THIN” only_border=”true”][/vc_column_inner][vc_column_inner width=”1/3″][luv_button target=”_blank” border_style=”btn-handdrawn dashed-thin” href=”#” text=”DASHED – THIN” only_border=”true”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” luv_text_alignment=”center” css=”.vc_custom_1462812823032{margin-top: 0px !important;padding-top: 30px !important;padding-bottom: 30px !important;}”][vc_column css=”.vc_custom_1462528793855{padding-top: 0px !important;}”][vc_column_text]

Custom colors

Make your buttons unique. You can modify every single color![/vc_column_text][vc_row_inner equal_height=”yes” content_placement=”middle” css=”.vc_custom_1462527481535{padding-top: 10px !important;padding-bottom: 10px !important;}”][vc_column_inner width=”1/3″][luv_button target=”_blank” color_scheme=”custom-color” href=”#” text=”BUTTON” background_color=”#f04649″ color=”#ffffff” hover_color=”#1b1d1f”][/vc_column_inner][vc_column_inner width=”1/3″][luv_button target=”_blank” hover_effect=”btn-hover-fill-top” color_scheme=”custom-color” href=”#” text=”BUTTON” background_color=”#00aef0″ color=”#ffffff” hover_color=”#ffffff” hover_background_color=”#1b1d1f”][/vc_column_inner][vc_column_inner width=”1/3″][luv_button target=”_blank” color_scheme=”custom-color” href=”#” text=”BUTTON” color=”#10c9c3″ hover_color=”#ffffff” hover_background_color=”#1b1d1f” border_color=”#10c9c3″ hover_border_color=”#1b1d1f”][/vc_column_inner][/vc_row_inner][vc_row_inner equal_height=”yes” content_placement=”middle” css=”.vc_custom_1462527481535{padding-top: 10px !important;padding-bottom: 10px !important;}”][vc_column_inner width=”1/3″][luv_button target=”_blank” border_style=”btn-handdrawn lined-thin” color_scheme=”custom-color” href=”#” text=”BUTTON” color=”#ffffff” hover_color=”#ffffff” hover_background_color=”#a5184c” only_border=”true” border_color=”#d31f97″ hover_border_color=”#a5184c” background_color=”#d31f97″][/vc_column_inner][vc_column_inner width=”1/3″][luv_button target=”_blank” color_scheme=”custom-color” href=”#” text=”BUTTON” color=”#8224e3″ hover_color=”#8224e3″ hover_background_color=”#ffffff” only_border=”true” border_color=”#8224e3″ hover_border_color=”#ffffff”][/vc_column_inner][vc_column_inner width=”1/3″][luv_button target=”_blank” hover_effect=”btn-hover-fill-left” color_scheme=”custom-color” href=”#” text=”BUTTON” color=”#ffffff” hover_color=”#ffffff” hover_background_color=”#d60015″ background_color=”#f04649″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

Comments are closed.