[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][s7upf_text_header text= »Button Modern » margin_bottom= »30″][/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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » i_align= »right » i_icon_fontawesome= »fa fa-envira » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » size= »lg » i_icon_fontawesome= »fa fa-envira » add_icon= »true » link= »url:%23|title:Button%20text|| »][/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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » shape= »square » color= »primary » i_align= »right » i_icon_fontawesome= »fa fa-universal-access » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » shape= »square » color= »primary » size= »lg » i_icon_fontawesome= »fa fa-instagram » add_icon= »true » link= »url:%23|title:Button%20text|| »][/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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » shape= »round » color= »info » i_align= »right » i_icon_fontawesome= »fa fa-wheelchair-alt » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » shape= »round » color= »info » size= »lg » i_icon_fontawesome= »fa fa-question-circle-o » add_icon= »true » link= »url:%23|title:Button%20text|| »][/vc_column][/vc_row][vc_row el_class= »block-top50″][vc_column][s7upf_text_header text= »Button Classic » margin_bottom= »30″][/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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »classic » color= »success » i_align= »right » i_icon_fontawesome= »fa fa-volume-control-phone » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »classic » color= »success » size= »lg » i_icon_fontawesome= »fa fa-braille » add_icon= »true » link= »url:%23|title:Button%20text|| »][/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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »classic » shape= »square » color= »warning » i_align= »right » i_icon_fontawesome= »fa fa-american-sign-language-interpreting » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »classic » shape= »square » color= »warning » size= »lg » i_icon_fontawesome= »fa fa-glide » add_icon= »true » link= »url:%23|title:Button%20text|| »][/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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »classic » shape= »round » color= »danger » i_align= »right » i_icon_fontawesome= »fa fa-snapchat » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »classic » shape= »round » color= »danger » size= »lg » i_icon_fontawesome= »fa fa-snapchat-ghost » add_icon= »true » link= »url:%23|title:Button%20text|| »][/vc_column][/vc_row][vc_row el_class= »block-top50″][vc_column][s7upf_text_header text= »Button Flat » margin_bottom= »30″][/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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »flat » color= »inverse » i_align= »right » i_icon_fontawesome= »fa fa-music » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »flat » color= »inverse » size= »lg » i_icon_fontawesome= »fa fa-search » add_icon= »true » link= »url:%23|title:Button%20text|| »][/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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »flat » shape= »square » color= »blue » i_align= »right » i_icon_fontawesome= »fa fa-heart » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »flat » shape= »square » color= »blue » size= »lg » i_icon_fontawesome= »fa fa-star » add_icon= »true » link= »url:%23|title:Button%20text|| »][/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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »flat » shape= »round » color= »turquoise » i_align= »right » i_icon_fontawesome= »fa fa-film » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »flat » shape= »round » color= »turquoise » size= »lg » i_icon_fontawesome= »fa fa-check » add_icon= »true » link= »url:%23|title:Button%20text|| »][/vc_column][/vc_row][vc_row el_class= »block-top50″][vc_column][s7upf_text_header text= »Button Outline » margin_bottom= »30″][/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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »outline » color= »pink » i_align= »right » i_icon_fontawesome= »fa fa-search-plus » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »outline » color= »pink » size= »lg » i_icon_fontawesome= »fa fa-search-minus » add_icon= »true » link= »url:%23|title:Button%20text|| »][/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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »outline » shape= »square » color= »violet » i_align= »right » i_icon_fontawesome= »fa fa-signal » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »outline » shape= »square » color= »violet » size= »lg » i_icon_fontawesome= »fa fa-cog » add_icon= »true » link= »url:%23|title:Button%20text|| »][/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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »outline » shape= »round » color= »peacoc » i_align= »right » i_icon_fontawesome= »fa fa-home » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »outline » shape= »round » color= »peacoc » size= »lg » i_icon_fontawesome= »fa fa-clock-o » add_icon= »true » link= »url:%23|title:Button%20text|| »][/vc_column][/vc_row][vc_row el_class= »block-top50″][vc_column][s7upf_text_header text= »Button 3D » margin_bottom= »30″][/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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »3d » color= »chino » i_align= »right » i_icon_fontawesome= »fa fa-download » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »3d » color= »chino » size= »lg » i_icon_fontawesome= »fa fa-inbox » add_icon= »true » link= »url:%23|title:Button%20text|| »][/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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »3d » shape= »square » color= »mulled-wine » i_align= »right » i_icon_fontawesome= »fa fa-lock » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »3d » shape= »square » color= »mulled-wine » size= »lg » i_icon_fontawesome= »fa fa-flag » add_icon= »true » link= »url:%23|title:Button%20text|| »][/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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »3d » shape= »round » color= »vista-blue » i_align= »right » i_icon_fontawesome= »fa fa-volume-up » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »3d » shape= »round » color= »vista-blue » size= »lg » i_icon_fontawesome= »fa fa-qrcode » add_icon= »true » link= »url:%23|title:Button%20text|| »][/vc_column][/vc_row][vc_row el_class= »block-top50″][vc_column][s7upf_text_header text= »Button Gradient » margin_bottom= »30″][/vc_column][/vc_row][vc_row css= ».vc_custom_1493975438856{margin-bottom: 30px !important;} »][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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »gradient » i_align= »right » i_icon_fontawesome= »fa fa-download » add_icon= »true » link= »url:%23|title:Button%20text|| »][vc_btn title= »Button text » style= »gradient » size= »lg » i_icon_fontawesome= »fa fa-inbox » add_icon= »true » link= »url:%23|title:Button%20text|| »][/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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][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 » add_icon= »true » link= »url:%23|title:Button%20text|| »][/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 » add_icon= »true » 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_align= »right » i_icon_fontawesome= »fa fa-volume-up » add_icon= »true » 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= »lg » i_icon_fontawesome= »fa fa-qrcode » add_icon= »true » link= »url:%23|title:Button%20text|| »][/vc_column][/vc_row]