.loader-box {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  background: var(--form-bg-color);
  border: 2px solid var(--mp3-text-color);
  border-radius: 8px;
  color: var(--mp3-text-color);
  font-weight: bold;
  animation: pulse 1.2s infinite;
}

.loader-box div {
  width: 10px;
  height: 10px;
  background: var(--form-button-bg-color);
  border-radius: 3px;
  animation: bounce 1.2s infinite;
}

.loader-box div:nth-child(1) { animation-delay: 0s; }
.loader-box div:nth-child(2) { animation-delay: 0.2s; }
.loader-box div:nth-child(3) { animation-delay: 0.4s; }

@keyframes bounce {
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}

@keyframes pulse {
  0%, 100% { box-shadow: 0 0 5px var(--form-button-bg-color); }
  50% { box-shadow: 0 0 20px var(--form-button-bg-color); }
}
