.socials {
  display: flex;
  row-gap: 38px;
  column-gap: 38px;
  align-items: center;

  @container medium (min-width: 0) {
    row-gap: 28px;
    column-gap: 28px;
  }
}
.socials--vertical {
  flex-direction: column;
  align-items: start;
}
.socials a {
  color: var(--primary-accent4);
  text-transform: uppercase;
  font-weight: 600;
  font-size: calc(18px + 0 * var(--window-resize));
}