/* ==========================================
   BADGES
========================================== */

.badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .55rem 1rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.badge--primary {
    color: var(--color-black);
    background: var(--color-primary);
}

.badge--secondary {
    color: var(--color-white);
    background: var(--color-black);
}

.badge--outline {
    color: var(--color-primary);
    background: transparent;
    border: 2px solid var(--color-primary);
}