/* ===== Button Loading State ===== */
.btn-loading {
  position: relative;
  pointer-events: none;
  opacity: 0.75;
  cursor: wait;
}

.btn-loading-dots {
  display: inline-block;
  margin-left: 4px;
  letter-spacing: 1px;
}

@keyframes btn-dot-bounce {
  0%,
  80%,
  100% {
    opacity: 0.15;
    transform: scale(0.75);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}

.btn-loading-dots span {
  display: inline-block;
  animation: btn-dot-bounce 1.2s ease-in-out infinite;
}
.btn-loading-dots span:nth-child(2) {
  animation-delay: 0.2s;
}
.btn-loading-dots span:nth-child(3) {
  animation-delay: 0.4s;
}