
.animated-btn {
  position: relative;
  transition: transform 0.2s, box-shadow 0.2s;
}

.animated-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(255, 193, 7, 0.6); /* Bootstrap warning glow */
}

.animated-btn:active {
  transform: scale(0.98);
}

/* Subtle pulsing to attract attention */
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5); }
  70% { box-shadow: 0 0 0 10px rgba(255, 193, 7, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0); }
}

.animated-btn {
  animation: pulse 1.5s infinite;
}