/* SpinCar button: center-spin whirlpool with 50/50 gray/black bands */
a.btn.btn-block.btn-sm.btn-default.spincar-srp-360-wa-button.btn-no-decoration.demo-cta[data-content-source="Web Integration API"]{
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;               /* lets ::before sit behind text */
  color:#fff !important;
  background:#1a1a1a !important;    /* fallback if motion disabled */
  border-radius: 25px !important;   /* keep your pill shape */
}

/* rotating gradient layer */
a.btn.btn-block.btn-sm.btn-default.spincar-srp-360-wa-button.btn-no-decoration.demo-cta[data-content-source="Web Integration API"]::before{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  pointer-events:none;
  z-index:-1;                        /* behind the label */

  /* base radial depth + MANY soft conic bands */
  background:
    radial-gradient(circle at 50% 50%, #0e0e0e 0%, #121212 60%, #0a0a0a 100%),
    repeating-conic-gradient(
      from var(--spin) at 50% 50%,
      rgba(190,190,190,.55) 0deg 10deg,   /* GRAY (more prominent)   */
      rgba(0,0,0,.45)       10deg 20deg   /* BLACK (slightly softer) */
    );

  filter: blur(10px);
  transform: scale(1.18);               /* prevent blur edge */
  animation: whirl-soft 12s linear infinite;
}

@keyframes whirl-center { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce){
  a.spincar-srp-360-wa-button.demo-cta::before{ animation:none; }
}


/* === Pulse ONLY (No Glow) === */
@keyframes pulseOnly {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

/* === Pulse + SILVER Glow === */
@keyframes pulseWithSilverGlow {
  0% {
    transform: scale(1);
    text-shadow: 0 0 3px rgba(192, 192, 192, 0.4);
    box-shadow: 0 0 5px rgba(192, 192, 192, 0.3);
  }
  50% {
    transform: scale(1.05);
    text-shadow: 0 0 15px rgba(192, 192, 192, 1);
    box-shadow: 0 0 25px rgba(192, 192, 192, 0.9);
  }
  100% {
    transform: scale(1);
    text-shadow: 0 0 3px rgba(192, 192, 192, 0.4);
    box-shadow: 0 0 5px rgba(192, 192, 192, 0.3);
  }
}

/* ✅ Top Text — Pulse Only */
.pulse-text {
  display: inline-block !important;
  font-size: 1.6em !important;
  font-weight: 900 !important;
  color: #000000 !important;
  text-align: center !important;
  animation: pulseOnly 3s ease-in-out infinite !important;
  margin: 0 auto !important;
  width: 100% !important;
  pointer-events: none;
}

/* ✅ Button — Pulse + Silver Glow */
.price-btn.cst-btn-1 a {
  background-color: #2e2e2e;
  animation: pulseWithSilverGlow 3s ease-in-out infinite !important;
  color: white !important;
  font-weight: bold;
  border: none;
  text-align: center;
  display: inline-block;
  transition: transform 0.3s ease-in-out;
  text-shadow: 0 0 3px rgba(192, 192, 192, 0.5); /* fallback for static glow */
}

.price-btn.cst-btn-1 a:hover {
  transform: scale(1.08);
  text-decoration: none;
}
