Buttons

[kapee_heading title_tag= »h4″ title_separator= »underline » title= »Outline Button »]
[kapee_button text= »Button » style= »outline » shape= »rounded » size= »small » button_icon= » »][kapee_button text= »Button » style= »outline » shape= »rounded » button_icon= » »][kapee_button text= »Button » style= »outline » shape= »rounded » size= »large » button_icon= » »][kapee_button text= »Primary » style= »outline » shape= »rounded » size= »large » button_color= »primary » button_icon= » »][kapee_button text= »Custom » style= »outline » shape= »rounded » size= »large » button_color= »custom » button_icon= » » button_custom_color= »#ef5350″ button_custom_color_hover= »#333333″][kapee_button text= »Button Link » style= »outline » shape= »rounded » size= »large » button_icon= » » button_link= »url:%23||| »]
[kapee_button text= »Button » style= »outline » shape= »round » size= »small » button_icon= » »][kapee_button text= »Button » style= »outline » shape= »round » button_icon= » »][kapee_button text= »Button » style= »outline » shape= »round » size= »large » button_icon= » »][kapee_button text= »Primary » style= »outline » shape= »round » size= »large » button_color= »primary » button_icon= » »][kapee_button text= »Custom » style= »outline » shape= »round » size= »large » button_color= »custom » button_icon= » » button_custom_color= »#ef5350″ button_custom_color_hover= »#333333″][kapee_button text= »Button Link » style= »outline » shape= »round » size= »large » button_icon= » » button_link= »url:%23||| »]
[kapee_button text= »Button » style= »outline » size= »small » button_icon= » »][kapee_button text= »Button » style= »outline » button_icon= » »][kapee_button text= »Button » style= »outline » size= »large » button_icon= » »][kapee_button text= »Primary » style= »outline » size= »large » button_color= »primary » button_icon= » »][kapee_button text= »Custom » style= »outline » size= »large » button_color= »custom » button_icon= » » button_custom_color= »#ef5350″ button_custom_color_hover= »#333333″][kapee_button text= »Button Link » style= »outline » size= »large » button_icon= » » button_link= »url:%23||| »]
[kapee_heading title_tag= »h4″ title_separator= »underline » title= »Flat Button »]
[kapee_button text= »Button » shape= »rounded » size= »small » button_icon= » »][kapee_button text= »Button » shape= »rounded » button_icon= » »][kapee_button text= »Button » shape= »rounded » size= »large » button_icon= » »][kapee_button text= »Primary » shape= »rounded » size= »large » button_color= »primary » button_icon= » »][kapee_button text= »Custom » shape= »rounded » size= »large » button_color= »custom » button_icon= » » button_custom_color= »#ef5350″ button_custom_color_hover= »#333333″][kapee_button text= »Button Link » shape= »rounded » size= »large » button_icon= » » button_link= »url:%23||| »]
[kapee_button text= »Button » shape= »round » size= »small » button_icon= » »][kapee_button text= »Button » shape= »round » button_icon= » »][kapee_button text= »Button » shape= »round » size= »large » button_icon= » »][kapee_button text= »Primary » shape= »round » size= »large » button_color= »primary » button_icon= » »][kapee_button text= »Custom » shape= »round » size= »large » button_color= »custom » button_icon= » » button_custom_color= »#ef5350″ button_custom_color_hover= »#333333″][kapee_button text= »Button Link » shape= »round » size= »large » button_icon= » » button_link= »url:%23||| »]
[kapee_button text= »Button » size= »small » button_icon= » »][kapee_button text= »Button » button_icon= » »][kapee_button text= »Button » size= »large » button_icon= » »][kapee_button text= »Primary » size= »large » button_color= »primary » button_icon= » »][kapee_button text= »Custom » size= »large » button_color= »custom » button_icon= » » button_custom_color= »#ef5350″ button_custom_color_hover= »#333333″][kapee_button text= »Button Link » size= »large » button_icon= » » button_link= »url:%23||| »]
[kapee_heading title_tag= »h4″ title_separator= »underline » title= »Link Button »]
[kapee_button text= »Button » style= »link » shape= »rounded » size= »small » button_icon= » » css= ».vc_custom_1559639530949{padding-right: 10px !important;padding-left: 10px !important;} »][kapee_button text= »Button » style= »link » shape= »rounded » button_icon= » » css= ».vc_custom_1559639538211{padding-right: 10px !important;padding-left: 10px !important;} »][kapee_button text= »Button » style= »link » shape= »rounded » size= »large » button_icon= » » css= ».vc_custom_1559639547059{padding-right: 10px !important;padding-left: 10px !important;} »][kapee_button text= »Primary » style= »link » shape= »rounded » size= »large » button_color= »primary » button_icon= » » css= ».vc_custom_1559639555747{padding-right: 10px !important;padding-left: 10px !important;} »][kapee_button text= »Custom » style= »link » shape= »rounded » size= »large » button_color= »custom » button_icon= » » button_custom_color= »#ef5350″ button_custom_color_hover= »#333333″ css= ».vc_custom_1559639564923{padding-right: 10px !important;padding-left: 10px !important;} »][kapee_button text= »Button Link » style= »link » shape= »rounded » size= »large » button_icon= » » button_link= »url:%23||| » css= ».vc_custom_1559639572315{padding-right: 10px !important;padding-left: 10px !important;} »]
[kapee_heading title_tag= »h4″ title_separator= »underline » title= »Button With Icon »]
[kapee_button text= »Icon Left » button_color= »primary » button_icon= »1″ icon_fontawesome= »fa fa-paper-plane-o » css= ».vc_custom_1559472560201{margin-right: 5px !important;margin-left: 5px !important;padding-top: 5px !important;padding-right: 10px !important;padding-bottom: 5px !important;padding-left: 10px !important;} »][kapee_button text= »Icon Right » button_color= »primary » button_icon= »1″ icon_alignment= »right » icon_fontawesome= »fa fa-thumbs-o-up » css= ».vc_custom_1559472728856{margin-right: 5px !important;margin-left: 5px !important;padding-top: 5px !important;padding-right: 10px !important;padding-bottom: 5px !important;padding-left: 10px !important;} »][kapee_button text= »Chat With Us » button_color= »primary » button_icon= »1″ icon_fontawesome= »fa fa-comment-o » css= ».vc_custom_1559472628629{margin-right: 5px !important;margin-left: 5px !important;padding-top: 5px !important;padding-right: 10px !important;padding-bottom: 5px !important;padding-left: 10px !important;} »][kapee_button text= »Message » button_color= »primary » button_icon= »1″ icon_fontawesome= »fa fa-envelope-o » css= ».vc_custom_1559472787156{margin-right: 5px !important;margin-left: 5px !important;padding-top: 5px !important;padding-right: 10px !important;padding-bottom: 5px !important;padding-left: 10px !important;} »][kapee_button text= »Support » button_color= »primary » button_icon= »1″ icon_fontawesome= »fa fa-headphones » css= ».vc_custom_1559472796468{margin-right: 5px !important;margin-left: 5px !important;padding-top: 5px !important;padding-right: 10px !important;padding-bottom: 5px !important;padding-left: 10px !important;} »]
[kapee_heading title_tag= »h4″ title_separator= »underline » title= »Button colors »]
[kapee_button text= »Black » size= »large » button_color= »custom » button_icon= » » button_custom_color= »#333333″ button_custom_color_hover= » » css= ».vc_custom_1559640805063{margin-right: 5px !important;margin-left: 5px !important;padding-top: 5px !important;padding-right: 5px !important;padding-bottom: 5px !important;padding-left: 5px !important;} »][kapee_button text= »Pink » size= »large » button_color= »custom » button_icon= » » button_custom_color= »#ff0056″ button_custom_color_hover= »#ff2b71″ css= ».vc_custom_1559640815715{margin-right: 5px !important;margin-left: 5px !important;padding-top: 5px !important;padding-right: 5px !important;padding-bottom: 5px !important;padding-left: 5px !important;} »][kapee_button text= »Green » size= »large » button_color= »custom » button_icon= » » button_custom_color= »#39b54a » button_custom_color_hover= »#4fb55d » css= ».vc_custom_1559640824475{margin-right: 5px !important;margin-left: 5px !important;padding-top: 5px !important;padding-right: 5px !important;padding-bottom: 5px !important;padding-left: 5px !important;} »][kapee_button text= »Yellow » size= »large » button_color= »custom » button_icon= » » button_custom_color= »#fefb30″ button_custom_text_color= »dark » button_custom_color_hover= »#fefb30″ button_custom_text_color_hover= »dark » css= ».vc_custom_1559640831448{margin-right: 5px !important;margin-left: 5px !important;padding-top: 5px !important;padding-right: 5px !important;padding-bottom: 5px !important;padding-left: 5px !important;} »][kapee_button text= »Light Gray » size= »large » button_color= »custom » button_icon= » » button_custom_color= »#e4ebf1″ button_custom_text_color= »dark » button_custom_color_hover= »#9bc9f2″ button_custom_text_color_hover= »dark » css= ».vc_custom_1559640844329{margin-right: 5px !important;margin-left: 5px !important;padding-top: 5px !important;padding-right: 5px !important;padding-bottom: 5px !important;padding-left: 5px !important;} »][kapee_button text= »Orange » size= »large » button_color= »custom » button_icon= » » button_custom_color= »#ff9700″ button_custom_color_hover= »#ffa011″ css= ».vc_custom_1559640851176{margin-right: 5px !important;margin-left: 5px !important;padding-top: 5px !important;padding-right: 5px !important;padding-bottom: 5px !important;padding-left: 5px !important;} »][kapee_button text= »Deep-orange » size= »large » button_color= »custom » button_icon= » » button_custom_color= »#ff7043″ button_custom_color_hover= »#ff7043″ css= ».vc_custom_1559641597556{margin-right: 5px !important;margin-left: 5px !important;padding-top: 5px !important;padding-right: 5px !important;padding-bottom: 5px !important;padding-left: 5px !important;} »][kapee_button text= »Dark-green » size= »large » button_color= »custom » button_icon= » » button_custom_color= »#388e3c » button_custom_color_hover= »#5f8e62″ css= ».vc_custom_1559641646260{margin-right: 5px !important;margin-left: 5px !important;padding-top: 5px !important;padding-right: 5px !important;padding-bottom: 5px !important;padding-left: 5px !important;} »][kapee_button text= »Brown » size= »large » button_color= »custom » button_icon= » » button_custom_color= »#795548″ button_custom_color_hover= »#795548″ css= ».vc_custom_1559641698531{margin-right: 5px !important;margin-left: 5px !important;padding-top: 5px !important;padding-right: 5px !important;padding-bottom: 5px !important;padding-left: 5px !important;} »]
close
X