.ui-text-divider {
  position: relative;

  display: block;

  text-align: center;

  &::after,
  &::before {
    position: absolute;
    top: 50%;

    width: 40%;
    height: 1px;

    background: ui-color(paper-dark);

    content: '';
  }

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