.separator .cmp-separator {
  margin-block-end: var(--margin-block-end);
  margin-block-start: var(--padding-block-separator-end);
}
.separator .cmp-separator hr {
  height: 1px;
  background-color: var(--light-grey);
}
.separator-custom-spacer {
  width: 100%;
  margin: 0 auto;
  padding: 0 32px;
}
.separator-custom-spacer .cmp-separator {
  margin: 40px 0;
}
@media screen and (max-width: 768px) {
  .separator-custom-spacer .cmp-separator {
    margin: 32px 0;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .separator-custom-spacer {
    max-width: 640px;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .separator-custom-spacer {
    max-width: 700px;
    padding: 0;
  }
}
.separator-secondary-color .cmp-separator hr {
  background-color: var(--on-secondary-base, #1C2633);
}