[vc_row][vc_column][vc_column_text css= ».vc_custom_1479787444863{margin-bottom: 0px !important;} » el_class= »title-box1 text-center »]

Button Features

[/vc_column_text][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text]

• 8 style display
• 3 style shape
• 19 default color

[/vc_column_text][/vc_column_inner][vc_column_inner width= »1/3″][vc_column_text]

• Custom color
• Custom background
• Custom gradient colors

[/vc_column_text][/vc_column_inner][vc_column_inner width= »1/3″][vc_column_text]

• 4 size of button
• Button alignment
• Add icon

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_class= »block-top50″][vc_column][vc_column_text css= ».vc_custom_1479783060335{margin-bottom: 0px !important;} » el_class= »title-box1 text-center »]

Button Modern

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width= »1/3″][vc_btn title= »Button text » size= »xs » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » size= »sm » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » i_icon_fontawesome= »fa fa-envira » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » i_align= »right » i_icon_fontawesome= »fa fa-envira » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » size= »lg » i_icon_fontawesome= »fa fa-envira » link= »url:%23|title:Button%20text|| » add_icon= »true »][/vc_column][vc_column width= »1/3″][vc_btn title= »Button text » shape= »square » color= »primary » size= »xs » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » shape= »square » color= »primary » size= »sm » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » shape= »square » color= »primary » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » shape= »square » color= »primary » i_icon_fontawesome= »fa fa-wpforms » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » shape= »square » color= »primary » i_align= »right » i_icon_fontawesome= »fa fa-universal-access » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » shape= »square » color= »primary » size= »lg » i_icon_fontawesome= »fa fa-instagram » link= »url:%23|title:Button%20text|| » add_icon= »true »][/vc_column][vc_column width= »1/3″][vc_btn title= »Button text » shape= »round » color= »info » size= »xs » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » shape= »round » color= »info » size= »sm » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » shape= »round » color= »info » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » shape= »round » color= »info » i_icon_fontawesome= »fa fa-gitlab » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » shape= »round » color= »info » i_align= »right » i_icon_fontawesome= »fa fa-wheelchair-alt » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » shape= »round » color= »info » size= »lg » i_icon_fontawesome= »fa fa-question-circle-o » link= »url:%23|title:Button%20text|| » add_icon= »true »][/vc_column][/vc_row][vc_row el_class= »block-top50″][vc_column][vc_column_text css= ».vc_custom_1479784173811{margin-bottom: 0px !important;} » el_class= »title-box1 text-center »]

Button Classic

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width= »1/3″][vc_btn title= »Button text » style= »classic » color= »success » size= »xs » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »classic » color= »success » size= »sm » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »classic » color= »success » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »classic » color= »success » i_icon_fontawesome= »fa fa-audio-description » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »classic » color= »success » i_align= »right » i_icon_fontawesome= »fa fa-volume-control-phone » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »classic » color= »success » size= »lg » i_icon_fontawesome= »fa fa-braille » link= »url:%23|title:Button%20text|| » add_icon= »true »][/vc_column][vc_column width= »1/3″][vc_btn title= »Button text » style= »classic » shape= »square » color= »warning » size= »xs » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »classic » shape= »square » color= »warning » size= »sm » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »classic » shape= »square » color= »warning » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »classic » shape= »square » color= »warning » i_icon_fontawesome= »fa fa-assistive-listening-systems » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »classic » shape= »square » color= »warning » i_align= »right » i_icon_fontawesome= »fa fa-american-sign-language-interpreting » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »classic » shape= »square » color= »warning » size= »lg » i_icon_fontawesome= »fa fa-glide » link= »url:%23|title:Button%20text|| » add_icon= »true »][/vc_column][vc_column width= »1/3″][vc_btn title= »Button text » style= »classic » shape= »round » color= »danger » size= »xs » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »classic » shape= »round » color= »danger » size= »sm » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »classic » shape= »round » color= »danger » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »classic » shape= »round » color= »danger » i_icon_fontawesome= »fa fa-viadeo » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »classic » shape= »round » color= »danger » i_align= »right » i_icon_fontawesome= »fa fa-snapchat » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »classic » shape= »round » color= »danger » size= »lg » i_icon_fontawesome= »fa fa-snapchat-ghost » link= »url:%23|title:Button%20text|| » add_icon= »true »][/vc_column][/vc_row][vc_row el_class= »block-top50″][vc_column][vc_column_text css= ».vc_custom_1479784887288{margin-bottom: 0px !important;} » el_class= »title-box1 text-center »]

Button Flat

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width= »1/3″][vc_btn title= »Button text » style= »flat » color= »inverse » size= »xs » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »flat » color= »inverse » size= »sm » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »flat » color= »inverse » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »flat » color= »inverse » i_icon_fontawesome= »fa fa-font-awesome » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »flat » color= »inverse » i_align= »right » i_icon_fontawesome= »fa fa-music » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »flat » color= »inverse » size= »lg » i_icon_fontawesome= »fa fa-search » link= »url:%23|title:Button%20text|| » add_icon= »true »][/vc_column][vc_column width= »1/3″][vc_btn title= »Button text » style= »flat » shape= »square » color= »blue » size= »xs » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »flat » shape= »square » color= »blue » size= »sm » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »flat » shape= »square » color= »blue » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »flat » shape= »square » color= »blue » i_icon_fontawesome= »fa fa-envelope-o » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »flat » shape= »square » color= »blue » i_align= »right » i_icon_fontawesome= »fa fa-heart » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »flat » shape= »square » color= »blue » size= »lg » i_icon_fontawesome= »fa fa-star » link= »url:%23|title:Button%20text|| » add_icon= »true »][/vc_column][vc_column width= »1/3″][vc_btn title= »Button text » style= »flat » shape= »round » color= »turquoise » size= »xs » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »flat » shape= »round » color= »turquoise » size= »sm » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »flat » shape= »round » color= »turquoise » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »flat » shape= »round » color= »turquoise » i_icon_fontawesome= »fa fa-user » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »flat » shape= »round » color= »turquoise » i_align= »right » i_icon_fontawesome= »fa fa-film » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »flat » shape= »round » color= »turquoise » size= »lg » i_icon_fontawesome= »fa fa-check » link= »url:%23|title:Button%20text|| » add_icon= »true »][/vc_column][/vc_row][vc_row el_class= »block-top50″][vc_column][vc_column_text css= ».vc_custom_1479785441844{margin-bottom: 0px !important;} » el_class= »title-box1 text-center »]

Button Outline

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width= »1/3″][vc_btn title= »Button text » style= »outline » color= »pink » size= »xs » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »outline » color= »pink » size= »sm » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »outline » color= »pink » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »outline » color= »pink » i_icon_fontawesome= »fa fa-times » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »outline » color= »pink » i_align= »right » i_icon_fontawesome= »fa fa-search-plus » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »outline » color= »pink » size= »lg » i_icon_fontawesome= »fa fa-search-minus » link= »url:%23|title:Button%20text|| » add_icon= »true »][/vc_column][vc_column width= »1/3″][vc_btn title= »Button text » style= »outline » shape= »square » color= »violet » size= »xs » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »outline » shape= »square » color= »violet » size= »sm » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »outline » shape= »square » color= »violet » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »outline » shape= »square » color= »violet » i_icon_fontawesome= »fa fa-power-off » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »outline » shape= »square » color= »violet » i_align= »right » i_icon_fontawesome= »fa fa-signal » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »outline » shape= »square » color= »violet » size= »lg » i_icon_fontawesome= »fa fa-cog » link= »url:%23|title:Button%20text|| » add_icon= »true »][/vc_column][vc_column width= »1/3″][vc_btn title= »Button text » style= »outline » shape= »round » color= »peacoc » size= »xs » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »outline » shape= »round » color= »peacoc » size= »sm » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »outline » shape= »round » color= »peacoc » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »outline » shape= »round » color= »peacoc » i_icon_fontawesome= »fa fa-trash-o » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »outline » shape= »round » color= »peacoc » i_align= »right » i_icon_fontawesome= »fa fa-home » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »outline » shape= »round » color= »peacoc » size= »lg » i_icon_fontawesome= »fa fa-clock-o » link= »url:%23|title:Button%20text|| » add_icon= »true »][/vc_column][/vc_row][vc_row el_class= »block-top50″][vc_column][vc_column_text css= ».vc_custom_1479786237280{margin-bottom: 0px !important;} » el_class= »title-box1 text-center »]

Button 3D

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width= »1/3″][vc_btn title= »Button text » style= »3d » color= »chino » size= »xs » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »3d » color= »chino » size= »sm » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »3d » color= »chino » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »3d » color= »chino » i_icon_fontawesome= »fa fa-road » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »3d » color= »chino » i_align= »right » i_icon_fontawesome= »fa fa-download » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »3d » color= »chino » size= »lg » i_icon_fontawesome= »fa fa-inbox » link= »url:%23|title:Button%20text|| » add_icon= »true »][/vc_column][vc_column width= »1/3″][vc_btn title= »Button text » style= »3d » shape= »square » color= »mulled-wine » size= »xs » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »3d » shape= »square » color= »mulled-wine » size= »sm » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »3d » shape= »square » color= »mulled-wine » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »3d » shape= »square » color= »mulled-wine » i_icon_fontawesome= »fa fa-refresh » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »3d » shape= »square » color= »mulled-wine » i_align= »right » i_icon_fontawesome= »fa fa-lock » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »3d » shape= »square » color= »mulled-wine » size= »lg » i_icon_fontawesome= »fa fa-flag » link= »url:%23|title:Button%20text|| » add_icon= »true »][/vc_column][vc_column width= »1/3″][vc_btn title= »Button text » style= »3d » shape= »round » color= »vista-blue » size= »xs » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »3d » shape= »round » color= »vista-blue » size= »sm » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »3d » shape= »round » color= »vista-blue » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »3d » shape= »round » color= »vista-blue » i_icon_fontawesome= »fa fa-headphones » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »3d » shape= »round » color= »vista-blue » i_align= »right » i_icon_fontawesome= »fa fa-volume-up » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »3d » shape= »round » color= »vista-blue » size= »lg » i_icon_fontawesome= »fa fa-qrcode » link= »url:%23|title:Button%20text|| » add_icon= »true »][/vc_column][/vc_row][vc_row el_class= »block-top50″][vc_column][vc_column_text css= ».vc_custom_1479786995030{margin-bottom: 0px !important;} » el_class= »title-box1 text-center »]

Button Gradient

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width= »1/3″][vc_btn title= »Button text » style= »gradient » size= »xs » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »gradient » size= »sm » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »gradient » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »gradient » i_icon_fontawesome= »fa fa-road » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »gradient » i_align= »right » i_icon_fontawesome= »fa fa-download » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »gradient » size= »lg » i_icon_fontawesome= »fa fa-inbox » link= »url:%23|title:Button%20text|| » add_icon= »true »][/vc_column][vc_column width= »1/3″][vc_btn title= »Button text » style= »gradient » gradient_color_1= »pink » gradient_color_2= »violet » shape= »square » size= »xs » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »gradient » gradient_color_1= »pink » gradient_color_2= »violet » shape= »square » size= »sm » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »gradient » gradient_color_1= »pink » gradient_color_2= »violet » shape= »square » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »gradient » gradient_color_1= »pink » gradient_color_2= »violet » shape= »square » i_icon_fontawesome= »fa fa-refresh » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »gradient » gradient_color_1= »pink » gradient_color_2= »violet » shape= »square » i_align= »right » i_icon_fontawesome= »fa fa-lock » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »gradient » gradient_color_1= »pink » gradient_color_2= »violet » shape= »square » size= »lg » i_icon_fontawesome= »fa fa-flag » link= »url:%23|title:Button%20text|| » add_icon= »true »][/vc_column][vc_column width= »1/3″][vc_btn title= »Button text » style= »gradient » gradient_color_1= »vista-blue » gradient_color_2= »sky » shape= »round » size= »xs » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »gradient » gradient_color_1= »vista-blue » gradient_color_2= »sky » shape= »round » size= »sm » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »gradient » gradient_color_1= »vista-blue » gradient_color_2= »sky » shape= »round » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »gradient » gradient_color_1= »vista-blue » gradient_color_2= »sky » shape= »round » i_icon_fontawesome= »fa fa-headphones » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »gradient » gradient_color_1= »vista-blue » gradient_color_2= »sky » shape= »round » i_align= »right » i_icon_fontawesome= »fa fa-volume-up » link= »url:%23|title:Button%20text|| » add_icon= »true »][vc_btn title= »Button text » style= »gradient » gradient_color_1= »vista-blue » gradient_color_2= »sky » shape= »round » size= »lg » i_icon_fontawesome= »fa fa-qrcode » link= »url:%23|title:Button%20text|| » add_icon= »true »][/vc_column][/vc_row]