/* Spark element styles */
.spark {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--e-global-color-d68b924); /* Use a valid CSS color */
  pointer-events: none;
  animation: animate 2s linear forwards;
}

/* Spark animation */
@keyframes animate {
  0% {
      opacity: 1;
      transform: translate(0, 0);
  }
  100% {
      opacity: 0;
      transform: translate(var(--x), var(--y));
  }
}