.socials {
  display: flex;
  gap: var(--spacing-xxs);
}

.social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: var(--color-text-muted);
  transition: background var(--transition-base), color var(--transition-base);
}

.social svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}