Skip to content

BUTTONS


STATES

Hover
Focused
Disabled

<a href="#" class="btn-sm">Button</a>

<a href="#" class="btn-sm hover">Button</a>

<a href="#" class="btn-sm focus">Button</a>

<a href="#" class="btn-sm disabled">Button</a>


STATES

Hover
Focused
Disabled

<a href="#" class="btn-md btn">Button</a>

<a href="#" class="btn-md btn hover">Button</a>

<a href="#" class="btn-md btn focus">Button</a>

<a href="#" class="btn-md btn disabled">Button</a>


STATES

Hover
Focused
Disabled

<a href="#"><div class="btn-lg">Button</div></a>

<a href="#"><div class="btn-lg btn-hover">Button</div></a>

<a href="#"><div class="btn-lg btn-focused">Button</div></a>

<a href="#"><div class="btn-lg btn-disabled">Button</div></a>