/* A word laid across a rule — "ou", between the Google button and the email
   form. The rules are drawn by the block itself so the word can sit anywhere
   in the line without a gap to patch. */
.separator {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  color: var(--color-text-faint);
  font-size: var(--text-xs);
}

.separator::before,
.separator::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: var(--color-border);
}