/**
 *  <span class="badge">
 *     A
 *  </span>
 *
 *  @author Björn Hase, Tentakelfabrik
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://github.com/tentakelfabrik/plain-ui
 *
 */

.badge {
    display: inline-block;

    background-color: var(--primary);
    color: var(--white);

    font-size: 0.85rem;
    padding: 0.4rem 0.8rem;

    @extend .border;

    &--round {
        display: inline-flex;
        justify-content: center;

        border-radius: 50%;
        width: 2.8em;
    }
}