ul:has(.menu-social-item) {
  display: flex;
  gap: 0.625rem;
}

.menu-social-item a {
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  height: 2rem;
  text-indent: -10000px;
  width: 2rem;
}

.menu-item--icon-facebook a {
  background-image: url(../../icons/ic_facebook.svg);
}

.menu-item--icon-instagram a {
  background-image: url(../../icons/ic_instagram.svg);
}

.menu-item--icon-x a {
  background-image: url(../../icons/ic_x.svg);
}

.menu-item--icon-rss a {
  background-image: url(../../icons/ic_rss.svg);
}