Buttons

35+ buttons style: soft conner, rounded, outline...

Buttons Default

Soft Corner
                        
<button type="button" class="btn btn-brand">Warning</button>
or
<button type="button" class="btn btn-brand-mutted">Warning</button>
                        

Buttons Rounded

Rounded corners
                        
<button type="button" class="btn btn-rounded btn-brand">Brand</button>
                        

Buttons Squared

Button has right angle
                        
<button type="button" class="btn btn-squared btn-brand">Brand</button>
                        

Buttons Outline

Border line
                        
<button type="button" class="btn btn-outline btn-brand-outline">Brand</button>
                        

Buttons Rounded Outline

Rounded and Border line
                        
<button type="button" class="btn btn-outline btn-rounded btn-brand-outline">Brand</button>
                        

Buttons Gradient

Gradient & Rounded
                        
<button type="button" class="btn btn-gradient-brand btn-rounded">Brand</button>