.badge {
    display: inline-flex;
    height: 24px;
    padding: 0px var(--p-2, 8px);
    justify-content: center;
    align-items: center;
    gap: var(--p-1, 4px);
    border: 1px solid var(--border-default, #E5E7EB);
    background: var(--surface-secondary, #FAFAFA);
    color: var(--text-secondary, #71717A);

    .rounded-pill {
        border-radius: var(--border-radius-pill, 384px);
    }

    i {
        margin-right: var(--p-1);
    }

}