/* ==============================================
   LOADER
==============================================*/

.loader span {
  animation: bounce 0.9s infinite ease-in-out;
}

.loader span:nth-child(2) {
  animation-delay: 0.15s;
}

.loader span:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

/* ==============================================
   BUTTON SHINE
==============================================*/

.btn-whatsapp {
  overflow: hidden;

  position: relative;
}

.btn-whatsapp::before {
  content: "";

  position: absolute;

  top: 0;

  left: -120%;

  width: 45%;

  height: 100%;

  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.45),
    transparent
  );
}

.btn-whatsapp:hover::before {
  animation: shine 0.8s forwards;
}

@keyframes shine {
  to {
    left: 180%;
  }
}

/* ==============================================
   CURSOR
==============================================*/

.cursor-ring {
  animation: cursorPulse 2.5s ease infinite;
}

@keyframes cursorPulse {
  50% {
    box-shadow: 0 0 30px rgba(56, 189, 248, 0.5);
  }
}

/* ==============================================
   ACCESSIBILITY
==============================================*/

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;

    transition: none !important;
  }
}