.x-divider-text {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: $font-size-sm;
  color: theme-color("grey");

  &::before,
  &::after {
    position: absolute;
    top: 10px;
    width: 45%;
    height: 1px;
    content: "";
    border-top: 1px solid #d7dbe3;
  }

  &::before { left: 0; }
  &::after { right: 0; }
}