/* ============================================================
   Pro Tier — Info-Button (runder Kontakt-Einstieg)
   Pulse wie auf der Legacy-Website: goldener Ring (Logo-Gold), 15px weit.
   Kernel-Default ist ein schwarzer Ring (components/info-button.css).
   Eigener Keyframe-Name, damit die Kernel-Animation unangetastet bleibt.
   Farben ausschließlich über die IPS-Tokens in variables.css.
   ============================================================ */

#info-button button {
  animation: ips-info-pulse 2s ease-out infinite;
}

@keyframes ips-info-pulse {
  0%   { box-shadow: 0 0 0 0         color-mix(in srgb, var(--color-accent) 70%, transparent); }
  70%  { box-shadow: 0 0 0 0.9375rem color-mix(in srgb, var(--color-accent) 0%,  transparent); }
  100% { box-shadow: 0 0 0 0         color-mix(in srgb, var(--color-accent) 0%,  transparent); }
}

@media (prefers-reduced-motion: reduce) {
  #info-button button {
    animation: none;
  }
}