.vendor-primary-nav > nav > ul > li > a {
    /* min-height: 38px; */
    padding: 9px 16px !important;
    border: 1px solid transparent;
    border-radius: 999px;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.vendor-primary-nav > nav > ul > li.has-dropdown > a {
    padding-right: 31px !important;
}

.vendor-primary-nav > nav > ul > li.has-dropdown > a::after {
    right: 13px !important;
}

.vendor-primary-nav > nav > ul > li:not(.is-current-menu) > a:hover,
.vendor-primary-nav > nav > ul > li:not(.is-current-menu):focus-within > a {
    border-color: rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.1);
}

.vendor-primary-nav > nav > ul > li.is-current-menu > a,
.vendor-primary-nav > nav > ul > li.is-current-menu:hover > a {
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: var(--tp-common-black) !important;
    background: rgba(255, 255, 255, 0.26) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), 0 7px 18px rgba(7, 21, 22, 0.1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.vendor-primary-nav .sub-menu li.is-current-submenu > a {
    color: var(--tp-common-black) !important;
    background: rgba(255, 255, 255, 0.24);
}

@media (prefers-reduced-motion: reduce) {
    .vendor-primary-nav > nav > ul > li > a {
        transition: none;
    }
}