.top-menu {
    display: flex;
}

.top-menu__list {
    display: flex;
    list-style: none;
    row-gap: 20px;
    margin: 0;
    padding: 0;
    .menu-item {
        a {
            transition: color .25s ease-in;
            font-size: clamp(0.75rem, 0.336vw + 0.535rem, 0.938rem);
            font-weight: 500;
        }
    }
}

@media ( min-width: 768px ) {
    .top-menu__list {
        column-gap: 15px;
    }

}

@media (min-width: 1536px) {
    .top-menu__list {
        column-gap: 20px;
    }

    .header__socials {
        li {
            a.wp-block-social-link-anchor {
                svg {
                    width: 26px;
                    height: 26px;
                }
            }
        }
    }
}