Buttons

[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″]SMALL BUTTON[/vc_column_inner][vc_column_inner width=”1/3″]NORMAL BUTTON[/vc_column_inner][vc_column_inner width=”1/3″]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″]XL BUTTON[/vc_column_inner][vc_column_inner width=”1/3″]XXL BUTTON[/vc_column_inner][vc_column_inner width=”1/3″]FULL WIDTH BUTTON[/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″]DEFAULT[/vc_column_inner][vc_column_inner width=”1/4″]OUTLINE[/vc_column_inner][vc_column_inner width=”1/4″]3D STYLE[/vc_column_inner][vc_column_inner width=”1/4″]ROUNDED[/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″]OUTLINE + ROUNDED[/vc_column_inner][vc_column_inner width=”1/4″]3D + OUTLINE[/vc_column_inner][vc_column_inner width=”1/4″]3D + ROUNDED[/vc_column_inner][vc_column_inner width=”1/4″]ROUNDED + OUTLINE + 3D[/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″]FILL FROM TOP[/vc_column_inner][vc_column_inner width=”1/4″]FILL FROM RIGHT[/vc_column_inner][vc_column_inner width=”1/4″]FILL FROM BOTTOM[/vc_column_inner][vc_column_inner width=”1/4″]FILL FROM BOTTOM[/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″]EXPAND - HORIZONTAL[/vc_column_inner][vc_column_inner width=”1/4″]EXPAND - VERTICAL[/vc_column_inner][vc_column_inner width=”1/4″]EXPAND - DIAGONAL[/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″]BOUNCE[/vc_column_inner][vc_column_inner width=”1/4″]SHAKE[/vc_column_inner][vc_column_inner width=”1/4″]RUBBER[/vc_column_inner][vc_column_inner width=”1/4″]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″]PULSE[/vc_column_inner][vc_column_inner width=”1/4″]TADA[/vc_column_inner][vc_column_inner width=”1/4″]WOBBLE[/vc_column_inner][vc_column_inner width=”1/4″]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″]DEFAULT - LEFT[/vc_column_inner][vc_column_inner width=”1/3″]DEFAULT - RIGHT[/vc_column_inner][vc_column_inner width=”1/3″]SLIDE - LEFT[/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″]SLIDE - RIGHT[/vc_column_inner][vc_column_inner width=”1/3″]PUSH - TOP[/vc_column_inner][vc_column_inner width=”1/3″]PUSH - LEFT[/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″]LINED - THICK[/vc_column_inner][vc_column_inner width=”1/3″]DOTTED - THICK[/vc_column_inner][vc_column_inner width=”1/3″]DASHED - THICK[/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″]LINED - THIN[/vc_column_inner][vc_column_inner width=”1/3″]DOTTED - THIN[/vc_column_inner][vc_column_inner width=”1/3″]DASHED - THIN[/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″]BUTTON[/vc_column_inner][vc_column_inner width=”1/3″]BUTTON[/vc_column_inner][vc_column_inner width=”1/3″]BUTTON[/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″]BUTTON[/vc_column_inner][vc_column_inner width=”1/3″]BUTTON[/vc_column_inner][vc_column_inner width=”1/3″]BUTTON[/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]