.site-nav {
    flex: 0 0 auto;
    justify-self: end;
}

.site-nav__list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    list-style: none;
}

.site-nav__item {
    display: flex;
}

.site-nav__link {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 2px;
    color: var(--vs-text);
    font-size: 0.9375rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-bottom: 1px solid transparent;
}

.site-nav__link:hover,
.site-nav__link:focus-visible {
    color: var(--vs-text-strong);
}

.site-nav__link.is-active {
    color: var(--vs-text-strong);
    border-bottom-color: var(--vs-text-strong);
}