.socials a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: color .2s ease, transform .2s ease;
}

.socials a:hover {
  color: var(--cream);
  transform: translateY(-2px);
}

.socials svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 1.7;
}