.footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1.35rem;
}

.footer-social__link {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 50%;
  color: #fff !important;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.footer-social__link:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.55);
  transform: translateY(-2px);
}

.footer-social__link:focus-visible {
  outline: 3px solid #4e9cca;
  outline-offset: 3px;
}

.footer-social__link svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}