@use "@naomi-2025/ui-core/site-config";
@use "s360-scss-toolkit";

.menu--social {
  display: flex;
  column-gap: site-config.spacer(0);

  a {
    --a--font-size: #{ s360-scss-toolkit.font-size-ms(2) };

    &:hover,
    &:focus-visible {
      opacity: 0.7;
    }
  }
}
