hr.css

hr {
	--line-color: currentColor;
	--line-length: 4.5rem;
	--line-offset: 1.5rem;
	position: relative;
	color: var(--color-cc05);
	border: none;
	margin-top: 1em;
	margin-bottom: 1em;
}
hr::after {
	display: block;
	font-size: 1.75rem;
	text-align: center;
	content: '❦';
}
hr::before {
	position: absolute;
	content: '';
	width: var(--line-length);
	height: 1px;
	background-color: var(--line-color);
	margin-left: calc(-1 * var(--line-offset) - var(--line-length));
	box-shadow: calc(2 * var(--line-offset) + var(--line-length)) 0 0 var(--line-color);
	top: 50%;
	left: 50%;
}