.forgot-password {
  display: block;
  width: max-content;
  font-size: 0.85rem;
  text-align: end;
  color: var(--color-text-muted);
  margin-inline-start: auto;
  margin-block-start: 1rem;
}

.forgot-password:hover {
  color: var(--color-primary);
  text-decoration: underline;
}

.requires-verification {
  background-color: var(--color-warning-bg);
  border: 1px solid var(--color-warning);
  padding: 1rem;
  border-radius: var(--radius-md);
  margin-block-end: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}