/* Акцент карточки «Донат» на главной. Дополняет styles.css, ничего в нём не меняет. */

.social-links .social-link.is-donate {
  position: relative;
  border-color: rgba(253, 156, 220, 0.55);
  background:
    radial-gradient(130% 160% at 100% 0%, rgba(253, 156, 220, 0.16), transparent 55%),
    radial-gradient(130% 160% at 0% 100%, rgba(237, 255, 132, 0.12), transparent 55%);
  box-shadow: 0 18px 50px -30px rgba(253, 156, 220, 0.85);
  transition: border-color 160ms ease, transform 140ms ease, box-shadow 200ms ease;
}

.social-links .social-link.is-donate:hover {
  border-color: rgba(253, 156, 220, 0.95);
  transform: translateY(-2px);
  box-shadow: 0 24px 60px -28px rgba(253, 156, 220, 1);
}

.social-link.is-donate .social-icon {
  color: #0a0a0a;
  background: linear-gradient(135deg, #fd9cdc, #edff84);
  border-color: transparent;
}

.social-link.is-donate .social-copy strong {
  background: linear-gradient(100deg, #fd9cdc, #edff84);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.social-link.is-donate .donate-badge {
  position: absolute;
  top: -10px;
  right: 16px;
  padding: 3px 11px;
  color: #0a0a0a;
  background: linear-gradient(135deg, #fd9cdc, #edff84);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  box-shadow: 0 6px 16px -6px rgba(253, 156, 220, 0.9);
}

@media (prefers-reduced-motion: reduce) {
  .social-links .social-link.is-donate,
  .social-links .social-link.is-donate:hover {
    transform: none;
  }
}