Sample Code
<h3>Default Button</h3>
<div class="items gap">
<div class="item"><button type="button">Button Text</button></div>
<div class="item"><button type="button">Button Text</button></div>
<div class="item"><button type="button" disabled>Disabled</button></div>
<div class="item"></div>
</div><!-- /items gap -->
<div class="spacer"></div>
<h3>Button Style Two</h3>
<div class="items gap">
<div class="item"><a href="#" class="button-link" role="button">Button Text</a></div>
<div class="item"><button class="button-link" type="button">Button Text</button></div>
<div class="item"><button class="button-link" type="button" disabled>Disabled</button></div>
<div class="item"></div>
</div><!-- /items gap -->
<div class="spacer"></div>
<h3>Button Style Three</h3>
<div class="items gap">
<div class="item"><a href="#" class="button-border" role="button">Button Text</a></div>
<div class="item"><button class="button-border" type="button">Button Text</button></div>
<div class="item"><button class="button-border" type="button" disabled>Disabled</button></div>
<div class="item"></div>
</div><!-- /items gap -->
<div class="section">
<h3>Button Style Four</h3>
<div class="items gap">
<div class="item"><a href="#" class="button-round" role="button">Button Text</a></div>
<div class="item"><button class="button-round" type="button">Button Text</button></div>
<div class="item"><button class="button-round" type="button" disabled>Disabled</button></div>
<div class="item"></div>
</div><!-- /items gap -->
</div><!-- /section -->
