.site-footer {
  display: flex;
  justify-content: center;
  padding: 3.2rem var(--page-margin);
  border-top: 0.1rem solid rgb(var(--color-hairline));
}

.site-footer__social-link {
  display: inline-flex;
  color: rgba(var(--color-ink), 0.6);
}

@media (prefers-reduced-motion: no-preference) {
  .site-footer__social-link {
    transition: color 200ms ease;
  }
}

.site-footer__social-link:hover {
  color: rgb(var(--color-gold));
}