Variants:
<span class="Pill Pill--primary">3</span>
<span class="Pill Pill--secondary">3</span>
<span class="Pill Pill--tertiary">3</span>
<span class="Pill Pill--inverted">3</span>
<span class="Pill Pill--selected">333</span>
<span class="Pill Pill--unselected">333</span>
<span class="Pill Pill--success">3</span>
<span class="Pill Pill--informative">3</span>
<span class="Pill Pill--warning">3</span>
<span class="Pill Pill--danger">3</span>Longer content:
<span class="Pill Pill--primary">333</span>