.br-app .br-button.is-loading,
.br-app input[type="submit"].is-loading,
.br-app button.is-loading {
  position: relative;
  cursor: wait;
  opacity: 0.78;
}

.br-app .br-button.is-loading::after,
.br-app input[type="submit"].is-loading::after,
.br-app button.is-loading::after {
  content: "";
  width: 0.85rem;
  height: 0.85rem;
  flex: 0 0 auto;
  border: 1.5px solid currentColor;
  border-right-color: transparent;
  border-radius: 999px;
  animation: br-app-button-spin 700ms linear infinite;
}

@keyframes br-app-button-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .br-app .br-button.is-loading::after,
  .br-app input[type="submit"].is-loading::after,
  .br-app button.is-loading::after {
    animation: none;
    border-right-color: currentColor;
    opacity: 0.5;
  }
}