// Core/separator block
hr,
.wp-block-separator {
  background-image: linear-gradient(to bottom, rgb(0 0 0 / 0) 50%, rgb(0 0 0 / .3) 50%);
  background-position: 0 50%;
  background-repeat: repeat-x;
  background-size: 2px 2px;
  border: 0;
  height: 0;
  margin-bottom: calc(var(--margin-between-paragraphs) * 2);
  margin-top: calc(var(--margin-between-paragraphs) * 2);
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.wp-block-separator.is-style-default {
  max-width: $width-max-article;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  margin-bottom: calc(var(--margin-between-paragraphs) * 2);
  margin-top: calc(var(--margin-between-paragraphs) * 2);
  opacity: .4;
  width: 100px;
}