To achieve the button styles belove, You can use the following classes:

• .btn-default
• .btn-primary
• .btn-success
• .btn-info
• .btn-warning
• .btn-danger
• .btn-link

or You can use shortcode su_button_default

Normal Buttons

[su_button_default url=”#” button_text=”Default”]

[su_button_default url=”#” type=”primary” button_text=”Primary”]

[su_button_default url=”#” type=”success” button_text=”Success”]

[su_button_default url=”#” type=”warning” button_text=”Warning”]

[su_button_default url=”#” type=”danger” button_text=”Danger”]

Large Buttons

[su_button_default url=”#” size=”btn-lg” button_text=”Default”]

[su_button_default url=”#” type=”primary” size=”btn-lg” button_text=”Primary”]

[su_button_default url=”#” type=”success” size=”btn-lg” button_text=”Success”]

[su_button_default url=”#” type=”warning” size=”btn-lg” button_text=”Warning”]

[su_button_default url=”#” type=”danger” size=”btn-lg” button_text=”Danger”]

Small Buttons

[su_button_default url=”#” size=”btn-sm” button_text=”Default”]

[su_button_default url=”#” type=”primary” size=”btn-sm” button_text=”Primary”]

[su_button_default url=”#” type=”success” size=”btn-sm” button_text=”Success”]

[su_button_default url=”#” type=”warning” size=”btn-sm” button_text=”Warning”]

[su_button_default url=”#” type=”danger” size=”btn-sm” button_text=”Danger”]

Mini Buttons

[su_button_default url=”#” size=”btn-xs” button_text=”Default”]

[su_button_default url=”#” type=”primary” size=”btn-xs” button_text=”Primary”]

[su_button_default url=”#” type=”success” size=”btn-xs” button_text=”Success”]

[su_button_default url=”#” type=”warning” size=”btn-xs” button_text=”Warning”]

[su_button_default url=”#” type=”danger” size=”btn-xs” button_text=”Danger”]