BUTTONS

SmallMediumLarge

Button

STATES

Hover

Focused

Disabled

Button

Button

Button

HTMLCSS

<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>

Button

STATES

Hover

Focused

Disabled

Button

Button

Button

HTMLCSS

<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>

Button

STATES

Hover

Focused

Disabled

Button

Button

Button

HTMLCSS

<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>