Buttons

The .btn class includes the style applied to all the button elements.

The following class modifiers can be used to create button variations:

If you need to modify this element globally, use the _buttons.scss file. IF NOT, overwrite styles using the stylesheet of each page.

CSS Class	Description
.btn	basic style of all button elements
.btn-primary	main call-to-action button style
.btn-secondary	Used for secondary actions
.btn-group	Used for group of actions


        
            <button class="btn btn-primary">Button Primary</button>


        
            <button class="btn btn-secondary">Button Secondary</button>


        
            <div class="btn-group">
                <button class="btn btn-secondary">Option One</button>
                <button class="btn btn-primary">Option Two</button>
            </div>


        
            <button class="btn btn-primary">
                <i class="fas fa-user-ninja"></i>
            </button>