.footer-socials {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin-top: .65rem;
}

.footer-socials a {
  color: inherit;
}

.footer-social-icon {
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  border-radius: .55rem;
  text-decoration: none;
}

.footer-social-icon svg {
  width: 1.1rem;
  height: 1.1rem;
  fill: currentColor;
}

.footer-social-icon:hover,
.footer-social-icon:focus-visible {
  color: var(--accent);
  transform: translateY(-1px);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}