#fixed-juices {
  position: fixed;
  bottom: .5rem;
  width: 120px;
  height: 180px;
  aspect-ratio: 1;
  z-index: 99999;
  border-radius: 50%;
  right: -12rem;
  animation-name: show-juice;
  animation-duration: .7s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 3s;

  >a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;

    >img {
      width: 100%;
      height: 180px;
      object-fit: contain;
      position: relative;
      z-index: 2;
      transform: scale(1) rotate(0deg);
      transition: transform .3s ease-in-out;
      animation-name: small-juice-anim;
      animation-duration: 5s;
      animation-iteration-count: infinite;
      animation-timing-function: ease;
    }

    &::after {
      content: '';
      position: absolute;
      z-index: 1;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 140px;
      height: 140px;
      border-radius: 50%;
      background-color: #089739;
      /*filter: drop-shadow(-6.787px -12.245px 54.5px rgba(0, 76, 26, 0.63));*/
      transition-property: background-color, width, height;
      transition-duration: 0.7s, .5s, .5s;
      transition-timing-function: ease-in-out;
    }
  }

  &:hover {
    >a::after {
      background-color: #ff5a00;
      width: 160px;
      height: 160px;
    }
  }
}

div:has(>.grecaptcha-badge) {
  opacity: 0.01;
}

@keyframes small-juice-anim {
  0% {
    transform: scale(1.00) rotate(0);
  }

  3% {
    transform: scale(1.01) rotate(40deg);
  }

  6% {
    transform: scale(1.02) rotate(-40deg);
  }

  9% {
    transform: scale(1.03) rotate(30deg);
  }

  12% {
    transform: scale(1.04) rotate(-30deg);
  }

  15% {
    transform: scale(1.05) rotate(20deg);
  }

  18% {
    transform: scale(1.06) rotate(-20deg);
  }

  21% {
    transform: scale(1.07) rotate(10deg);
  }

  24% {
    transform: scale(1.08) rotate(-10deg);
  }

  27% {
    transform: scale(1.09) rotate(5deg);
  }

  30% {
    transform: scale(1.1) rotate(0);
  }

  50% {
    transform: scale(1.0) rotate(0);
  }

  100% {
    transform: scale(1.0) rotate(0);
  }
}

@keyframes show-juice {
  0% {
    right: -12rem;
  }

  100% {
    right: 1.5rem;
  }
}