.social-links {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin-top: .2rem;
}

.social-link {
  display: inline-flex;
  width: 2.65rem;
  height: 2.65rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 50%;
  background: rgba(255, 255, 255, .09);
  color: #fff;
  transition: transform .22s ease, background .22s ease, border-color .22s ease;
}

.social-link[aria-label^="Facebook"] {
  border-color: #1877f2;
  background: #1877f2;
  color: #fff;
}

.social-link[aria-label^="Instagram"] {
  border-color: #d9468f;
  background: linear-gradient(145deg, #7b35b5 4%, #d9468f 52%, #f4a340 100%);
  color: #fff;
}

.social-link:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, .72);
}

.social-link[aria-label^="Facebook"]:hover {
  border-color: #0d65d9;
  background: #0d65d9;
}

.social-link[aria-label^="Instagram"]:hover {
  border-color: #c13584;
  background: linear-gradient(145deg, #6a2ca0 4%, #c13584 52%, #e8892e 100%);
}

.social-link:focus-visible {
  outline: 2px solid #ffe3a6;
  outline-offset: 3px;
}

.social-link svg {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
}