.tab-navigation {
        padding: 40px 0 32px 0;
    }

    .tab-wrapper {
        display: flex;
        gap: 12px;
        overflow-x: hidden;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .tab-wrapper .btn {
        letter-spacing: -0.16px;
    }

    .btn-component {
        border: 1px solid #ADB5BD;
        color: #495057;
    }

    .tab-wrapper::-webkit-scrollbar {
        height: 0;
    }

    .tab-wrapper .btn {
        flex-shrink: 0;
        font-size: 14px;
        padding: 10px 20px;
        border-radius: 12px;
    }

    .btn-warning {
        background-color: #ffc107 !important;
        border-color: #ffc107 !important;
        color: #000 !important;
        font-weight: 600;
    }

    @media (min-width: 768px) {
        .tab-wrapper .btn {
            font-size: 15px;
            padding: 11px 22px;
        }

        .tab-navigation {
            padding: 40px;
        }
    }

    @media (min-width: 992px) {

        .tab-wrapper .btn {
            gap: 16px;
            font-size: 16px;
            padding: 12px 24px;
        }

        .tab-navigation {
            padding: 56px 0 56px 0;
        }
    }