.official-social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}
.official-social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  padding: 0;
  border: 1px solid currentColor;
  border-color: color-mix(in srgb, currentColor 24%, transparent);
  border-radius: 12px;
  background: transparent;
  color: inherit;
  text-decoration: none;
  transition: background-color .15s ease, border-color .15s ease;
}
.official-social-links a:hover { background: #ffffff18; border-color: currentColor; }
.official-social-links a:focus-visible { outline: 3px solid #79b5ff; outline-offset: 3px; }
.official-social-links svg { width: 20px; height: 20px; flex-shrink: 0; }