.block-header-menu-primary .menu {
    display: flex;
    gap: var(--theme--gap);
}

.block-header-menu-primary .menu-item {
    flex: 1;
}

.block-header-menu-primary .menu-link {
    font-size: var(--theme--font-size--small);
    border-top: 2px solid currentcolor;
    padding-top: 0.5em;
    text-decoration: none;
}
    .block-header-menu-primary .menu-item.first .menu-link {
        color: var(--theme--color--primary-85);
        border-top-color: var(--theme--color--primary-75);
    }
    .block-header-menu-primary .menu-item.second .menu-link {
        color: var(--theme--color--primary);
    }
    .block-header-menu-primary .menu-item.third .menu-link {
        color: var(--theme--color--primary-65);
        border-top-color: var(--theme--color--primary-50);
    }
    .block-header-menu-primary .menu-item.fourth .menu-link {
        color: var(--theme--color--primary-50);
        border-top-color: var(--theme--color--primary-25);
    }
    .block-header-menu-primary .menu-link:hover,
    .block-header-menu-primary .menu-link:focus,
    .block-header-menu-primary .menu-link:active,
    .block-header-menu-primary .menu-link.is-active {
        color: var(--theme--color--secondary) !important;
        border-top-color: var(--theme--color--secondary) !important;
    }
    .block-header-menu-primary .menu-link.is-active {
        font-weight: 600;
    }
    
.block-header-menu-primary .menu-link .label {
    font-weight: inherit;
}

.block-header-menu-primary .menu-link .description {
    display: block;
    color: var(--theme--color--text);
    font-size: var(--theme--font-size--xsmall);
    line-height: 1.25;
    opacity: 0;
    transition: all 0.3s ease;
    margin-top: 0.25em;
    font-weight: 400;
}
    .block-header-menu-primary .menu-link:hover .description,
    .block-header-menu-primary .menu-link.is-active .description {
        opacity: 1;
    }

@media (min-width: 1200px) {
    .block-header-menu-primary .menu-link {
        font-size: var(--theme--font-size--normal);
    }
}