Gutenberg Separator: One

CSS

hr,
.wp-block-separator {
	border-top:1px solid var(--secondary);
	margin:2em 0;
}
hr.wp-block-separator {
  position: relative;
  border: none;
  border-top: 1px solid var(--secondary);
  margin: 2rem 0;
}

hr.wp-block-separator::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff; 
  padding: 0 0.5rem;
  background-image: url("/wp-content/uploads/2025/04/cs-icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 60px; 
  height: 60px; 
}
@media only screen and (min-width: 992px) {
	hr,
.wp-block-separator,
	hr.wp-block-separator {
	color:var(--secondary);
}
}