.click-spark {
  position: fixed;
  width: 4px;
  height: 4px;
  background: radial-gradient(circle, #ffae52 0%, #ff4d00 80%, transparent 100%);
  pointer-events: none;
  border-radius: 50%;
  opacity: 0.9;
  transform: translateY(0) scale(1);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  z-index: 99999;
}


%root% {
  --click-spark-color: var(--primary); 
}