Buttons

Buttons are width: 100%; by default.

Example

<button>Button</button>
<input type="submit">

Button inline

Use role="button" on an inline element if you need an inline button.

PrimarySecondaryContrast
<a href="#" role="button">Primary</a>
<a href="#" role="button" class="secondary">Secondary</a>
<a href="#" role="button" class="contrast">Contrast</a>

Button outline

Buttons come with .outline styles.

PrimarySecondaryContrast
<a href="#" role="button" class="outline">Primary</a>
<a href="#" role="button" class="secondary outline">Secondary</a>
<a href="#" role="button" class="contrast outline">Contrast</a>