@keyframes glare-keys {
  0% {
    background-position: 200% 0;
  }
  30% {
    background-position: 200% 0;
  }
  70% {
    background-position: -200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.glare {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: linear-gradient(-70deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 60%) no-repeat;
  background-size: 200% 100%;
  animation: glare-keys 8s linear infinite;
  mix-blend-mode: screen;
}

@keyframes btn-pulse-keys {
  0% {
    transform: scale(1);
  }
  21% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.04);
  }
  28% {
    transform: scale(1.02);
  }
  32% {
    transform: scale(1.04);
  }
  37% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.btn-pulse {
  animation: btn-pulse-keys 8s linear infinite;
}
.btn-pulse:hover {
  animation: none !important;
  transform: scale(1.02);
}

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