.logo-burst-coin {
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: url('../jinbi/jinbi.png') center / contain no-repeat;
  pointer-events: none;
  z-index: 0;
  opacity: 1;
  transform: translate(-50%, -50%) scale(.65);
  will-change: transform, opacity;
}

@keyframes logoCoinBurst {
  from {
    transform: translate(-50%, -50%) scale(.65) rotate(0deg);
    opacity: 1;
  }

  to {
    transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(1.15) rotate(var(--rotation));
    opacity: 0;
  }
}