@import './mixins/small-rotating-blick';

.animated {
  .buy_gold {
    @include smallRotatingBlickAnimationStylesMixin;
    .smallBlick {
      translate: 1270px 1460px;
    }

    #arrow {
      transform-origin: 3235px 5652px;
      animation-duration: 1s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-name: arrow_animation;
      transform-origin: 4936px 4382px;
    }
  }
}

@include smallRotatingBlickAnimationKeyframeMixin;

@keyframes arrow_animation {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(-10deg);
  }
  40% {
    transform: rotate(-5deg);
  }
  60% {
    transform: rotate(-12deg);
  }
  80% {
    transform: rotate(-3deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
