/*BADGE /TAGS */
.badge-container {
    margin-top: 1rem;
    justify-content: flex-start; align-items: flex-start; gap: 8px; display: inline-flex
}


.badge {
    padding: 0.25rem 0.75rem;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: inline-flex;
    font-size: var(--text-size-XXS);
    line-height: var(--text-line-height-XXS);
    letter-spacing: var(--text-letter-spacing-XXS);
    font-weight: var(--font-weight-regular);
}
.badge-danger{
    color:var(--color-black);
    background-color: var(--color-error-2);
}

.badge-info {
    color:var(--color-black);
    background-color: var(--color-attention-1);
}

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

.badge-deafult{
    color:var(--color-black);
    background-color: var(--color-gray-3);
}
.badge-warning{
    color:var(--color-black);
    background-color: var(--color-alert-1);
}
.badge-secondary{
    color:var(--color-green-2);
    background-color: var(--color-green-6);
}