Dividing lines for centred text (CSS)

divider.css

.divider {
  margin: 1.5rem 0;
  position: relative;
  overflow: hidden;

  &::before,
  &::after {
    content: '';
    position: absolute;
    top: 50%;
    border-top: 1px solid #ccc;
    margin: 0 1rem;
    width: 100%;
  }

  &::before {
    margin-left: calc(-1 * 100% - 1rem);
  }
}