/* From Uiverse.io by cssbuttons-io
   MOD: scoped to .cta-btn (no global button override)
*/

.cta-btn {
  padding: 0.95em 2.4em;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2.6px;
  font-weight: 700;
  animation: pulseGlow 7s ease-in-out infinite;

  color: rgba(255,255,255,0.92);
  background: linear-gradient(135deg, rgba(216,180,254,0.65), rgba(167,243,208,0.40));
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 999px;

  box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.25);
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
  cursor: pointer;
  outline: none;
  backdrop-filter: blur(10px);
}

.cta-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0px 20px 65px rgba(0, 0, 0, 0.35);
  filter: brightness(1.05);
}

.cta-btn:active {
  transform: translateY(-1px);
}
@media (max-width: 480px) {
  .cta-btn {
    font-size: 13px;
    padding: 1.1em 2.6em;
    letter-spacing: 2px;
  }
}