.secondary-navigation__container {
    position: sticky;
    top: var(--header-offset, var(--navbar-height));
    right: 0;
    left: 0;
    z-index: var(--secondary-nav-z-index);
    width: 100%;
    border-bottom: 1px solid var(--color-iceland-500);
    background: rgba(251, 249, 246, 0.80);
    backdrop-filter: blur(20px);
}

.secondary-navigation__buttons-container {
    display: flex;
    align-items: center;
    min-width: 100%;
    gap: var(--spacing-x1);

    list-style: none;
    margin: 0;

    overflow-x: auto;
    flex-wrap: nowrap;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    /*fire fox*/

    @media screen and (min-width:960px) {
        justify-content: center;
        overflow-x: none;
    }
}

.secondary-navigation__buttons-container::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Edge */
}

.secondary-navigation__navigation-list-item {
    padding: 0;
    padding: var(--spacing-x2) var(--spacing-x1);
    border-bottom: 4px solid transparent;
    transition: border-bottom 0.3s ease-in-out;
}

.secondary-navigation__navigation-link {
    text-align: center;
    color: var(--Color-Semantic-Text-textMainEnabled, #524F48);
    font: var(--font-body-sm);
    font-feature-settings: 'dlig' on;
}

.secondary__navigation__active-link {
    border-bottom: 4px solid var(--color-accent-coral);
}

.secondary__navigation__active-link a {
    color: var(--color-iceland-1000);
    font-weight: 600;
}