JSFiddle - React, Tailwind, and code Playground

by backstabe

HTML

<div>
	<span>★<span>★<span>★<span>☆<span>☆</span></span></span></span></span>
</div>

CSS

div {
	width: 200px;
	margin: 50px auto;
}

span {
	font-size: 40px;
	color: orange;
	cursor: pointer;
    content: "\2605";
}

span:hover:before {
	content: "\2605";
	position: absolute;
	color: orange;
}