.footer-column .social-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.social-icon-link {
  width: 3rem;
  height: 3rem;
  min-height: 3rem;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: var(--radius-pill);
  color: var(--color-on-strong-muted);
  background: rgba(255, 255, 255, 0.06);
  transition:
    color var(--duration-fast) var(--ease-standard),
    border-color var(--duration-fast) var(--ease-standard),
    background var(--duration-fast) var(--ease-standard),
    transform var(--duration-fast) var(--ease-standard);
}

.social-list .social-icon-link svg {
  width: 1.4rem;
  height: 1.4rem;
  flex: 0 0 1.4rem;
}

.footer-column .social-icon-link:hover {
  border-color: rgba(255, 255, 255, 0.42);
  color: var(--color-on-strong);
  background: rgba(255, 255, 255, 0.12);
  text-decoration: none;
  transform: translateY(-1px);
}

.footer-column .social-icon-link:focus-visible {
  color: var(--color-on-strong);
  text-decoration: none;
}