.bounce-leave-active {
  pointer-events: none;
  animation: bounce-in .7s;
  z-index: 1000;
}
@keyframes bounce-in {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(.7);
    opacity: 1;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}

.gold.bounce-leave-active {
  animation: bounce-gold .7s;
  z-index: 1000;
}
@keyframes bounce-gold {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.20);
  }
  100% {
    transform: scale(.8) translate(200px, -500px);
  }
}

.heal.bounce-leave-active {
  animation: bounce-heal .7s;
  z-index: 1000;
}
@keyframes bounce-heal {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.20);
  }
  100% {
    transform: scale(.8) translate(-200px, 500px);
  }
}

.weapon.bounce-leave-active {
  animation: bounce-weapon .7s;
  z-index: 1000;
}
@keyframes bounce-weapon {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.20);    
  }
  100% {
    transform: scale(.8) translate(200px, 500px);
  }
}




.shop .body .bounced {
  animation: bounce-shop .5s;    
}
@keyframes bounce-shop {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.5);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

.effect {
  animation: bounce-shop .5s;  
}
@keyframes bounce-shop {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}