.horizontalRuleBlock {
  height: 3rem;
  width: 100%;
  margin: var(--spacing-l) auto;
  overflow: hidden;
  position: relative;

  &[data-color="deepBrick"] {
    color: var(--color-deepBrick);
  }

  &[data-color="neufPink"] {
    color: var(--color-neufPink);
  }

  &[data-color="goldenOrange"] {
    color: var(--color-goldenOrange);
  }

  &[data-color="goldenBeige"] {
    color: var(--color-goldenBeige);
  }

  &[data-color="chateauBlue"] {
    color: var(--color-chateauBlue);
  }

  svg {
    display: block;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}