Primary Buttons
The high-impact primary actions.
<button class="btn btn--primary-black">Primary Black</button>
<button class="btn btn--primary-orange">Primary Orange</button>
<button class="btn btn--primary-white">Primary White</button>Secondary Buttons
Subordinate actions using colored text labels.
<button class="btn btn--secondary-black">Primary Black</button>
<button class="btn btn--secondary-orange">Primary Orange</button>
<button class="btn btn--secondary-white">Primary White</button>Ghost
<button class="btn btn--ghost-black">Primary Black</button>
<button class="btn btn--ghost-orange">Primary Orange</button>
<button class="btn btn--ghost-white">Primary White</button>Pills
<button class="btn btn--pill-black">Primary Black</button>
<button class="btn btn--pill-orange">Primary Orange</button>
<button class="btn btn--pill-white">Primary White</button>Size Specification
SMALL
MEDIUM
LARGE