Button

Default Button

<a href="#" class="button" role="button">Button Text</a>
<button type="button">Button Text</button>
<button type="button" disabled>Disabled</button>

Dark Button

<a href="#" class="button-dark" role="button">Button Text</a>
<button class="button-dark" type="button">Button Text</button>
<button class="button-dark" type="button" disabled>Disabled</button>

Round

<a href="#" class="button-round" role="button">Button Text</a>
<button class="button-round" type="button">Button Text</button>
<button class="button-round" type="button" disabled>Disabled</button>

Outline

<a href="#" class="button-outline" role="button">Button Text</a>
<button class="button-outline" type="button">Button Text</button>
<button class="button-outline" type="button" disabled>Disabled</button>

Animate

<a href="#" class="button-animate" role="button">Button Text</a>
<button class="button-animate" type="button">Button Text</button>
<button class="button-animate" type="button" disabled>Disabled</button>