.rule {
  align-items: center;
  background: url('/assets/images/general/icon-rule.svg') center / auto 1.25em no-repeat;
  display: flex;
  gap: 2.375em;
  justify-content: center;
  margin-inline: var(--space-large);
  padding-block: var(--space-xx-large);
  position: relative;
}

.rule:before,
.rule:after {
  background: oklch(var(--oklch-ink) / 0.1);
  border-radius: 0.0875em;
  content: '';
  display: inline-flex;
  height: 0.0875em;
  width: 12em;
}