/* === Text Divider === */
.mmui-text-divider {
  display: flex;
  align-items: center;
  letter-spacing: .2rem;
  font-size: 1.2rem;
  font-weight: 500;
  text-transform: uppercase;
  --text-divider-gap: 1rem; // set a customizable gap between label and lines
}

.mmui-text-divider::before,
.mmui-text-divider::after {
  content: '';
  height: 1px;
  background-color: $mm-neutral-gray-30;
  flex-grow: 1;
}

.mmui-text-divider::before {
  margin-right: var(--text-divider-gap);
}

.mmui-text-divider::after {
  margin-left: var(--text-divider-gap);
}