.c42-divider {
  border: 0;
  border-top: 1px solid var(--c42-color-border, #e5e7eb);
  margin: var(--c42-space, 1rem) 0;
}

/* labelled divider: <div class="c42-divider-label"><span>or</span></div> */
.c42-divider-label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--c42-color-muted, #6b7280);
  font-size: 0.875rem;
  margin: var(--c42-space, 1rem) 0;
}

.c42-divider-label::before,
.c42-divider-label::after {
  content: '';
  flex: 1;
  border-top: 1px solid var(--c42-color-border, #e5e7eb);
}