button .cart-ajax:before {
  content: " ";
  display: block;
  line-height: 24px;
  height: 24px;
  width: 24px;
  font-size: 12px;
  font-weight: 600;
  background: transparent;
  color: white;
  border-radius: 20px;
  text-align: center;
  position: absolute;
  right: 5%;
  top: 0;
}

button.send_cart:before {
  content: " ";
  background: black;
}

button.send_cart:before {
  display: block;
  animation: xAxis 1s forwards cubic-bezier(1, 0.44, 0.84, 0.165), yAxis 1s alternate forwards cubic-bezier(0.165, 0.84, 0.44, 1);
}

.shake {
  animation: shakeCart 0.4s ease-in-out forwards;
}

@keyframes xAxis {
  100% {
    transform: translateX(calc(76vw - 305px));
  }
}
@keyframes yAxis {
  100% {
    transform: translateY(calc(-78vh + 75px));
  }
}
@keyframes shakeCart {
  25% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}

/*# sourceMappingURL=cart.css.map */