<!-- Default -->
<button>
Button
</button>

<!-- Default Accent -->
<button class="accent">
Button
</button>

<!-- Default Ghost -->
<button class="accent ghost">
Button
</button>

<!-- Teal Button -->
<button class="accent2">
Button
</button>

<!-- Teal Accent -->
<button class="secondary accent">
Button
</button>

<!-- Teal Ghost -->
<button class="secondary accent ghost">
Button
</button>

<!-- Orange Button -->
<button class="tertiary2">
Button
</button>

<!-- Orange Accent -->
<button class="tertiary2 accent">
Button
</button>

<!-- Orange Ghost -->
<button class="tertiary2 accent ghost">
Button
</button>