Button

Default Button

<div><button>Button</button>
<button class="button">Button</button>
<a class="button">Link Text</a>
<input class="button" type="submit" value="Submit Button">
<input class="button" type="reset" value="Reset Button">

Primary Button

<button class="button primary">Primary Button</button>
<a href="#" class="button primary">Primary Link Button</a>

Secondary Button

<button class="button secondary">Secondary Button</button>
<a href="#" class="button secondary">Secondary Link Button</a>

Dark Button

<button class="button dark">Dark Button</button>
<a href="#" class="button dark">Dark Link Button</a>

Light Button

<button class="button light">Light Button</button>
<a href="#" class="button light">Light Link Button</a>

Black Button

<button class="button black">Black Button</button>
<a href="#" class="button black">Black Link Button</a>

Info Buttons

<button class="button info">Info Button</button>
<a href="#" class="button info">Info Link Button</a>

Success Buttons

<button class="button success">Success Button</button>
<a href="#" class="button success">Success Link Button</a>

Warning Buttons

<button class="button warning">Warning Button</button>
<a href="#" class="button warning">Warning Link Button</a>

Danger Buttons

<button class="button danger">Danger Button</button>
<a href="#" class="button danger">Danger Link Button</a>