Buttons

Home Elements Buttons

Button Sizes

[lea_button_style title=”SUPER SIZE” align=”center” font_color=”#ffffff” use_theme_fonts=”yes” link=”url:%23|||” button_font_size=”18px” button_line_height=”26px” extra_class=”font-weight-semibold letter-spacing-1″ button_design_css=”.vc_custom_1533903268108{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 17px !important;padding-right: 60px !important;padding-bottom: 17px !important;padding-left: 60px !important;background-color: #15a09d !important;}”]

[lea_button_style title=”LARGE SIZE” align=”center” font_color=”#15a09d” use_theme_fonts=”yes” link=”url:%23|||” button_font_size=”17px” button_line_height=”26px” extra_class=”font-weight-semibold letter-spacing-1″ button_design_css=”.vc_custom_1533903321111{margin-top: 1px !important;margin-bottom: 0px !important;border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 13px !important;padding-right: 40px !important;padding-bottom: 14px !important;padding-left: 40px !important;background-color: #ffffff !important;border-left-color: #15a09d !important;border-left-style: solid !important;border-right-color: #15a09d !important;border-right-style: solid !important;border-top-color: #15a09d !important;border-top-style: solid !important;border-bottom-color: #15a09d !important;border-bottom-style: solid !important;}”]

[lea_button_style title=”BASE SIZE” align=”center” font_color=”#ffffff” use_theme_fonts=”yes” link=”url:%23|||” button_font_size=”16px” button_line_height=”26px” extra_class=”font-weight-medium letter-spacing-1″ button_design_css=”.vc_custom_1533903310207{margin-top: 3px !important;margin-bottom: 0px !important;padding-top: 13px !important;padding-right: 30px !important;padding-bottom: 13px !important;padding-left: 30px !important;background-color: #15a09d !important;}”]

[lea_button_style title=”SMALL SIZE” align=”center” font_color=”#15a09d” use_theme_fonts=”yes” link=”url:%23|||” button_font_size=”13px” button_line_height=”26px” extra_class=”font-weight-medium letter-spacing-1″ button_design_css=”.vc_custom_1533903337040{margin-top: 6px !important;margin-bottom: 0px !important;border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 8px !important;padding-right: 20px !important;padding-bottom: 8px !important;padding-left: 20px !important;background-color: #ffffff !important;border-left-color: #15a09d !important;border-left-style: solid !important;border-right-color: #15a09d !important;border-right-style: solid !important;border-top-color: #15a09d !important;border-top-style: solid !important;border-bottom-color: #15a09d !important;border-bottom-style: solid !important;}”]

Button Shapes

[lea_button_style title=”DEFAULT” align=”center” font_color=”#ffffff” use_theme_fonts=”yes” link=”url:%23|||” button_font_size=”15px” button_line_height=”26px” extra_class=”font-weight-medium letter-spacing-1″ button_design_css=”.vc_custom_1533903382157{padding-top: 13px !important;padding-right: 40px !important;padding-bottom: 13px !important;padding-left: 40px !important;background-color: #15a09d !important;}”]

[lea_button_style title=”ROUND” align=”center” font_color=”#15a09d” use_theme_fonts=”yes” link=”url:%23|||” button_font_size=”15px” button_line_height=”26px” extra_class=”font-weight-medium letter-spacing-1″ button_design_css=”.vc_custom_1533903487616{border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 11px !important;padding-right: 40px !important;padding-bottom: 11px !important;padding-left: 40px !important;border-left-color: #15a09d !important;border-left-style: solid !important;border-right-color: #15a09d !important;border-right-style: solid !important;border-top-color: #15a09d !important;border-top-style: solid !important;border-bottom-color: #15a09d !important;border-bottom-style: solid !important;border-radius: 10px !important;}”]

[lea_button_style title=”SQUARE” align=”center” font_color=”#ffffff” use_theme_fonts=”yes” link=”url:%23|||” button_font_size=”15px” button_line_height=”26px” extra_class=”font-weight-medium letter-spacing-1″ button_design_css=”.vc_custom_1533903621238{padding-top: 13px !important;padding-right: 40px !important;padding-bottom: 13px !important;padding-left: 40px !important;background-color: #15a09d !important;}”]

[lea_button_style title=”CIRCLE” align=”center” font_color=”#15a09d” use_theme_fonts=”yes” link=”url:%23|||” button_font_size=”15px” button_line_height=”26px” extra_class=”font-weight-medium letter-spacing-1″ button_design_css=”.vc_custom_1533903684147{border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 11px !important;padding-right: 40px !important;padding-bottom: 11px !important;padding-left: 40px !important;border-left-color: #15a09d !important;border-left-style: solid !important;border-right-color: #15a09d !important;border-right-style: solid !important;border-top-color: #15a09d !important;border-top-style: solid !important;border-bottom-color: #15a09d !important;border-bottom-style: solid !important;border-radius: 35px !important;}”]

Button With Icons

[lea_button_style title=”ICON RIGHT” align=”center” i_align=”right” icon_fontawesome=”fa fa-arrow-circle-o-right” font_color=”#ffffff” use_theme_fonts=”yes” add_icon=”true” link=”url:%23|||” button_font_size=”15px” button_line_height=”26px” extra_class=”font-weight-medium letter-spacing-1″ button_design_css=”.vc_custom_1533903780635{padding-top: 13px !important;padding-right: 40px !important;padding-bottom: 13px !important;padding-left: 40px !important;background-color: #15a09d !important;}”]

[lea_button_style title=”ICON LEFT” align=”center” icon_fontawesome=”fa fa-download” font_color=”#15a09d” use_theme_fonts=”yes” add_icon=”true” link=”url:%23|||” button_font_size=”15px” button_line_height=”26px” extra_class=”font-weight-medium letter-spacing-1″ button_design_css=”.vc_custom_1533903797834{border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 11px !important;padding-right: 40px !important;padding-bottom: 11px !important;padding-left: 40px !important;border-left-color: #15a09d !important;border-left-style: solid !important;border-right-color: #15a09d !important;border-right-style: solid !important;border-top-color: #15a09d !important;border-top-style: solid !important;border-bottom-color: #15a09d !important;border-bottom-style: solid !important;}”]

[lea_button_style title=”ICON RIGHT” align=”center” i_align=”right” icon_fontawesome=”fa fa-paper-plane-o” font_color=”#ffffff” use_theme_fonts=”yes” add_icon=”true” link=”url:%23|||” button_font_size=”15px” button_line_height=”26px” extra_class=”font-weight-medium letter-spacing-1″ button_design_css=”.vc_custom_1533903809344{padding-top: 13px !important;padding-right: 40px !important;padding-bottom: 13px !important;padding-left: 40px !important;background-color: #15a09d !important;}”]

[lea_button_style title=”ICON LEFT” align=”center” icon_fontawesome=”fa fa-folder-open” font_color=”#15a09d” use_theme_fonts=”yes” add_icon=”true” link=”url:%23|||” button_font_size=”15px” button_line_height=”26px” extra_class=”font-weight-medium letter-spacing-1″ button_design_css=”.vc_custom_1533903864408{border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 11px !important;padding-right: 40px !important;padding-bottom: 11px !important;padding-left: 40px !important;border-left-color: #15a09d !important;border-left-style: solid !important;border-right-color: #15a09d !important;border-right-style: solid !important;border-top-color: #15a09d !important;border-top-style: solid !important;border-bottom-color: #15a09d !important;border-bottom-style: solid !important;}”]

Button With Custom Colors

[lea_button_style title=”DARK BLUE” align=”center” font_color=”#ffffff” use_theme_fonts=”yes” link=”url:%23|||” button_font_size=”15px” button_line_height=”26px” extra_class=”font-weight-medium letter-spacing-1″ button_design_css=”.vc_custom_1526462366077{padding-top: 13px !important;padding-right: 40px !important;padding-bottom: 13px !important;padding-left: 40px !important;background-color: #373b4f !important;}”]

[lea_button_style title=”LIGHT VIOLET” align=”center” font_color=”#ffffff” use_theme_fonts=”yes” link=”url:%23|||” button_font_size=”15px” button_line_height=”26px” extra_class=”font-weight-medium letter-spacing-1″ button_design_css=”.vc_custom_1526462406292{padding-top: 13px !important;padding-right: 40px !important;padding-bottom: 13px !important;padding-left: 40px !important;background-color: #9199c5 !important;}”]

[lea_button_style title=”PURE BLUE” align=”center” font_color=”#ffffff” use_theme_fonts=”yes” link=”url:%23|||” button_font_size=”15px” button_line_height=”26px” extra_class=”font-weight-medium letter-spacing-1″ button_design_css=”.vc_custom_1526462420626{padding-top: 13px !important;padding-right: 40px !important;padding-bottom: 13px !important;padding-left: 40px !important;background-color: #556df4 !important;}”]

[lea_button_style title=”DARK BLUE” align=”center” font_color=”#556df4″ use_theme_fonts=”yes” link=”url:%23|||” button_font_size=”15px” button_line_height=”26px” extra_class=”font-weight-medium letter-spacing-1″ button_design_css=”.vc_custom_1526462444188{padding-top: 13px !important;padding-right: 40px !important;padding-bottom: 13px !important;padding-left: 40px !important;background-color: #d8ddf5 !important;}”]