.rbm-switcher-wrap {
    display: flex;
    width: 100%;
}

.rbm-switcher {
    display: inline-flex;
    border-radius: 50px;
    padding: var(--rbm-container-padding, 4px);
    gap: var(--rbm-gap, 4px);
    background-color: var(--rbm-container-bg, #e8eaed);
}

.rbm-switcher .rbm-switch-btn {
    padding: var(--rbm-btn-padding-top, 10px) var(--rbm-btn-padding-right, 30px) var(--rbm-btn-padding-bottom, 10px) var(--rbm-btn-padding-left, 30px);
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    font-size: var(--rbm-font-size, 16px);
    display: inline-block;
    line-height: 1.4;
}

.rbm-switcher .rbm-switch-btn.active {
    background-color: var(--rbm-active-bg, #db0a40);
    color: var(--rbm-active-text, #ffffff);
}

.rbm-switcher .rbm-switch-btn:not(.active) {
    background-color: var(--rbm-inactive-bg, #b8bdc4);
    color: var(--rbm-inactive-text, #ffffff);
}

.rbm-switcher .rbm-switch-btn:not(.active):hover {
    opacity: 0.8;
}