@layer components {
  .break {
    position: relative;
    z-index: 0;

    > span {
      background: var(--break-background-color, var(--color-body));
      display: inline-block;
      padding: 0 0.5em;
    }

    &:before {
      content: "";
      position: absolute;
      inset-block-start: 50%;
      inset-inline-start: 0;
      inset-inline-end: 0;
      border-block-end: 1px solid var(--color-ink-light);
      z-index: -1;
    }
  }
}