<div class="pill">Default</div>
<div class="pill pill-primary">Primary</div>
<div class="pill pill-secondary">Secondary</div>
<div class="pill pill-tertiary">Tertiary</div>
<div class="pill pill-accent">Accent</div>
<div class="pill pill-outline">Default</div>
<div class="pill pill-primary pill-outline">Primary</div>
<div class="pill pill-secondary pill-outline">Secondary</div>
<div class="pill pill-tertiary pill-outline">Tertiary</div>
<div class="pill pill-accent pill-outline">Accent</div>