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

.badge {
    display: inline-block;

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

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

    @extend .border;
    @extend .border-round;

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

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