Pill

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>