.auth-site__actions {
  align-items: center;
}

.auth-site__action {
  min-height: 44px;
  border: 0;
  border-radius: 999px;
  padding: 0.55rem 0.85rem;
  color: var(--iv-ink, #3b2830);
  background: var(--iv-surface-soft, #f7f3f5);
  font: inherit;
  font-weight: 650;
  cursor: pointer;
  transition:
    background-color 160ms ease,
    color 160ms ease;
}

.auth-site__action:hover:not(:disabled) {
  background: var(--iv-surface-brand, #faedf2);
}

.auth-site__action:focus-visible {
  outline: 3px solid var(--iv-focus, #95315e);
  outline-offset: 2px;
}

.auth-site__action--danger {
  color: #8d1f35;
  background: #fff1f3;
}

.auth-site__action--danger:hover:not(:disabled) {
  color: #711426;
  background: #ffe6ea;
}

.auth-site__action:disabled,
.auth-site__action[aria-busy="true"] {
  cursor: wait;
  opacity: 0.58;
}

@media (max-width: 520px) {
  .auth-site__actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .auth-site__action,
  .auth-site__link {
    justify-content: center;
    width: 100%;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .auth-site__action {
    transition: none;
  }
}