button[data-loading="true"],
button[data-loading="true"]:disabled {
  cursor: wait;
  opacity: 1;
  transform: none;
  gap: 10px;
  justify-content: center;
}
button[data-loading="true"]:hover { transform: none; }
.hope-action-spinner {
  display: inline-block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: hopeActionSpin .8s linear infinite;
}
@keyframes hopeActionSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .hope-action-spinner { animation: none; }
}