.divider {
  display: flex;
  align-items: center;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.divider::before,
.divider::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #d9dee3;
}
.divider-text {
  padding: 0 1rem;
  color: #697a8d;
  font-size: 0.875rem;
}

[data-bs-theme='dark'] .divider::before,
[data-bs-theme='dark'] .divider::after {
  border-bottom: 1px solid #444767;
}
[data-bs-theme='dark'] .divider-text {
  color: #a0a4b8;
}