/* === Pulsing dot on button during HTMX requests */
/*  usage: add .btn-htmx-pulse on button
 */
/* Opt-in: only apply pulse behavior to buttons with this class */
.btn.btn-htmx-pulse.htmx-request::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 0.35rem;      /* space between text/icon and dot */
  border-radius: 50%;
  background-color: currentColor;
  vertical-align: middle;
  animation: htmx-tiny-pulse 0.6s ease-in-out infinite;
}

/* Pulse animation */
@keyframes htmx-tiny-pulse {
  0%   { opacity: 0.3; transform: scale(0.7); }
  50%  { opacity: 1.0; transform: scale(1.0); }
  100% { opacity: 0.3; transform: scale(0.7); }
}