/* Candy Clicker Button Interaction Styles */

.bot-inscreva-se {
  transition: transform .1s cubic-bezier(.5, 0, .5, 1), box-shadow .2s !important;
}

.bot-inscreva-se:active {
  transform: scale(0.9) translateY(5%) !important;
  transition-timing-function: cubic-bezier(.5, 0, .5, 1) !important;
}

.treat {
  pointer-events: none;
  display: block;
  position: fixed;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 5vmin;
  transform: translate(-50%, -50%);
  animation: treat-enter .1s ease-in backwards, treat-exit 300ms linear calc((var(--lifetime, 3000) * 1ms) - 300ms) forwards;
  z-index: 99999;
}

@keyframes treat-enter {
  from {
    opacity: 0;
  }
}

@keyframes treat-exit {
  to {
    opacity: 0;
  }
}

.treat .inner {
  animation: inner-rotate .6s linear infinite;
  transform: rotate(calc(-1turn * var(--direction)));
}

@keyframes inner-rotate {
  to {
    transform: none;
  }
}