/* Generic loading state for AJAX form submit buttons — shared across all data-ajax="true" forms */
form[data-ajax="true"] [type="submit"].is-loading {
  position: relative;
  color: transparent !important;
  opacity: .8;
  cursor: not-allowed;
}

form[data-ajax="true"] [type="submit"].is-loading::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  border: 2px solid rgba(255, 255, 255, .45);
  border-top-color: #fff;
  border-radius: 50%;
  animation: iris-btn-spin .7s linear infinite;
}

@keyframes iris-btn-spin {
  to { transform: rotate(360deg); }
}