/*
|--------------------------------------------------------------------------
| Badge
|--------------------------------------------------------------------------
*/

.iq-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0.35rem 0.75rem;

    border-radius: 999px;

    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;

    white-space: nowrap;
}


/*
|--------------------------------------------------------------------------
| Badge Variants
|--------------------------------------------------------------------------
*/

.iq-badge--sale {
    background: #c69c3f;
    color: #ffffff;
}

.iq-badge--featured {
    background: #0f4c4c;
    color: #ffffff;
}

.iq-badge--stock {
    background: #5f5f5f;
    color: #ffffff;
}

.iq-badge--default {
    background: #eeeeee;
    color: #222222;
}