.ogs-v2-badge {
    align-items: center;
    justify-content: center;
    font-size: 10px;
    display: inline-flex;
}

.ogs-v2-badge.size-micro {
    font-size: 10px;
    line-height: 10px;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
}

.ogs-v2-badge.size-small {
    font-size: 12px;
    line-height: 12px;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
}

.ogs-v2-badge.size-medium {
    font-size: 14px;
    line-height: 14px;
    min-width: 24px;
    height: 24px;
    border-radius: 12px;
    padding: 5px;
}

.ogs-v2-badge.size-large {
    font-size: 16px;
}

.ogs-v2-badge.size-grande {
    font-size: 18px;
}

.ogs-v2-badge.color-key {
    color: #ffffff;
    background-color: var(--COLOR_KEY);
}

.ogs-v2-badge.color-primary {
    color: #ffffff;
    background-color: var(--COLOR_PRIMARY);
}

.ogs-v2-badge.color-secondary {
    color: #ffffff;
    background-color: var(--COLOR_SECONDARY);
}

.ogs-v2-badge.color-highlight {
    color: var(--COLOR_PRIMARY);
    background-color: var(--COLOR_HIGHTLIGHT);
}

.ogs-v2-badge.color-info {
    color: #ffffff;
    background-color: var(--COLOR_INFO);
}

.ogs-v2-badge.color-warning {
    color: #ffffff;
    background-color: var(--COLOR_WARNING);
}

.ogs-v2-badge.color-danger {
    color: #ffffff;
    background-color: var(--COLOR_DANGER);
}

.ogs-v2-badge.color-success {
    color: #ffffff;
    background-color: var(--COLOR_SUCCESS);
}