Buttons

[vc_row centered= »yes »][vc_column width= »1/1″][vc_empty_space height= »80px »][/vc_column][/vc_row][vc_row centered= »yes »][vc_column width= »1/2″][vc_text_separator title= »Outlined Buttons » title_align= »separator_align_left » color= »grey » margintop= »0″ marginbottom= »40px »][vc_button title= »Hey, I’m small! » target= »_self » icon= »none » size= »sd-button-small » type= »outlined » href= »# » color= »#59d5fe » textcolor= »#59d5fe » radius= »2″][vc_button title= »I’m Medium! » target= »_self » icon= »none » size= »sd-button-medium » type= »outlined » href= »# » color= »#fe5959″ textcolor= »#fe5959″ radius= »2″][vc_button title= »And I’m Large! » target= »_self » icon= »none » size= »large » type= »outlined » href= »# » color= »#7cdeb4″ textcolor= »#7cdeb4″ radius= »2″][vc_empty_space height= »50px »][vc_text_separator title= »Buttons with Icon » title_align= »separator_align_left » color= »grey » margintop= »0″ marginbottom= »40px »][vc_button title= »I’m with Icon! » target= »_self » icon= »wpb_arrow » size= »large » type= »outlined » href= »# » color= »#59d5fe » textcolor= »#59d5fe » radius= »2″][vc_button title= »Me Too! » target= »_self » icon= »wpb_heart » size= »large » type= »background » href= »# » color= »#343b3e » textcolor= »#ffffff » radius= »2″][/vc_column][vc_column width= »1/2″][vc_text_separator title= »Background Buttons » title_align= »separator_align_left » color= »grey » margintop= »0″ marginbottom= »40px »][vc_button title= »Hey, I’m small! » target= »_self » icon= »none » size= »sd-button-small » type= »background » href= »# » color= »#59d5fe » textcolor= »#ffffff » radius= »2″][vc_button title= »I’m Medium! » target= »_self » icon= »none » size= »sd-button-medium » type= »background » href= »# » color= »#fe5959″ textcolor= »#ffffff » radius= »2″][vc_button title= »And I’m Large! » target= »_self » icon= »none » size= »large » type= »background » href= »# » color= »#7cdeb4″ textcolor= »#ffffff » radius= »2″][vc_empty_space height= »50px »][vc_text_separator title= »Border Radius » title_align= »separator_align_left » color= »grey » margintop= »0″ marginbottom= »40px »][vc_button title= »No Radius! » target= »_self » icon= »none » size= »large » type= »background » href= »# » color= »#7cdeb4″ textcolor= »#ffffff » radius= »0px »][vc_button title= »I’m Subtle! » target= »_self » icon= »none » size= »large » type= »background » href= »# » color= »#fe5959″ textcolor= »#ffffff » radius= »0″][vc_button title= »Large Radius! » target= »_self » icon= »none » size= »large » type= »background » href= »# » color= »#59d5fe » textcolor= »#ffffff » radius= »30px »][/vc_column][/vc_row][vc_row centered= »yes »][vc_column width= »1/1″][vc_empty_space height= »20px »][vc_text_separator title= »Button Options » title_align= »separator_align_left » color= »grey » margintop= »0″ marginbottom= »40px »][vc_column_text]

• Unlimited Colors
• Outlined or Background Styles
• Buttons with Icons
• 3 Sizes Availabe
• Change Border Radius
• Easy add « rel » attribute
• Easy add « target » attribute
• Easy Insert into Content

[/vc_column_text][/vc_column][/vc_row]