Structural styles and resets for buttons are set in this base element styles module. All buttons share common padding and height, well suited for tap targets on touchscreen displays. Color styles in other modules and other custom extensions adjust their surface-level appearance.
<div class="mb1">
<button>Button</button>
<a href="#!" class="button">Link Button</a>
<input type="button" class="button" value="Input Button">
</div>
<div class="mb1">
<button class="button-blue mb1">Button Blue</button>
<button class="button-blue-outline mb1">Button Blue Outline</button>
<button class="button-gray mb1">Button Gray</button>
<button class="button-red mb1">Button Red</button>
</div>