.red-tab {
    &:not(:last-child) {
        margin-right: 2px;
    }

    height: 30px;
    line-height: 30px;
    padding: 0 14px;
    border-radius: 17px;
    transition: background-color 0.2s;
    cursor: pointer;

    &:not(.disabled):not(.active):hover {
        background-color: var(--iqser-grey-6);
    }

    &.active {
        background-color: rgba(var(--iqser-primary-rgb), 0.1);
        font-weight: 600;
        color: var(--iqser-primary);
    }

    &.disabled {
        color: rgba(var(--iqser-accent-rgb), 0.3);
        cursor: not-allowed;
    }
}