Button

Normal button

<button class="btn">Normal</button>

Colors


<button class="btn bg-primary">primary</button>
<button class="btn bg-sakura">sakura</button>
<button class="btn bg-beni">beni</button>
<button class="btn bg-orange">orange</button>
<button class="btn bg-cobalt">cobalt</button>
<button class="btn bg-danger">danger</button>
<button class="btn bg-warning">warning</button>
<button class="btn bg-purple">purple</button>
<button class="btn bg-info">info</button>
<button class="btn bg-light">light</button>
<button class="btn bg-dark">dark</button>
<button class="btn bg-black">black</button>

Round

<button class="btn round">Round</button>

Border

<button class="btn border bg-info">Border</button>

Light

<button class="btn light bg-info">Light</button>

Sizes


<button class="btn small">Small</button>
<button class="btn">Normal</button>
<button class="btn size-large">Large</button>
<button class="btn size-big-big">Big Big</button>
<button class="btn size-full-width">100% width</button>