/*
** Badge
*/
.badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: $color-primary-darker;
    font-family: $font-sans-sb;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: $color-secondary-light;
    box-shadow: 0 0 0 4px rgba($color-tertiary, 0.15);
    border-radius: 50vh;

    // Small size
    &--small {
        height: 14px;
        padding: 0 4px;
        font-size: rem(7px);
        line-height: 14px;

        span {
            margin-top: 0.25em;
        }
    }
}