.custom-tabs {
    display: inline-flex;
    background: var(--white);
    border: 0.5px solid var(--primary-color);
    border-radius: 8px;
    overflow: hidden;
    padding: 4px;
    gap: 4px;
}

.custom-tabs .tab-link-btn {
    padding: 15px 25px;
    border: none;
    background: transparent;
    color: var(--primary-color);
    font-weight: 600;
    font-size: var(--text-base);
    line-height: var(--leading-base);
    border-radius: 8px;
}

.custom-tabs .tab-link-btn.active {
    background: var(--tertiary-color);
    color: var(--white);
}

.custom-tabs .tab-link-btn:hover:not(.active) {
    background: var(--gray-50);
}

@media (max-width: 767px) {
    .custom-tabs .tab-link-btn {
        padding: 10px 15px;
    }
}