.donate-nav-button,
.donate-hero-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(255, 193, 92, 0.72);
  color: #fff8e8;
  background: linear-gradient(135deg, #ff8a34, #ff3d99 58%, #9d4edd);
  box-shadow: 0 10px 30px rgba(255, 79, 163, 0.28), inset 0 1px rgba(255,255,255,.2);
  font-weight: 950;
  text-decoration: none;
  transition: transform 160ms ease, filter 160ms ease, box-shadow 160ms ease;
}

.topbar-actions { display:flex; align-items:center; gap:10px; }

.donate-nav-button {
  min-height: 42px;
  padding: 10px 16px;
  border-radius: 999px;
  white-space: nowrap;
}

.donate-hero-button {
  min-height: 58px;
  padding: 15px 22px;
  border-radius: 10px;
  font-size: 1rem;
}

.donate-nav-button:hover,
.donate-hero-button:hover {
  color: #fff;
  transform: translateY(-2px) scale(1.02);
  filter: brightness(1.08);
  box-shadow: 0 14px 38px rgba(255, 79, 163, 0.4);
}

@media (max-width: 640px) {
  .donate-nav-button { min-height: 38px; padding: 8px 12px; font-size: .8rem; }
  .donate-hero-button { width: 100%; }
}