.star-rating {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center
}

.star-rating > input {
	display: none
}

.star-rating > label {
	position: relative;
	width: 1em;
	font-size: 6vw;
	color: #FFD600;
	cursor: pointer
}

.star-rating > label::before {
	content: "\2605";
	position: absolute;
	opacity: 0
}

.star-rating > label:hover:before,
.star-rating > label:hover ~ label:before {
	opacity: 1 !important
}

.star-rating > input:checked ~ label:before {
	opacity: 1
}

.star-rating:hover > input:checked ~ label:before {
	opacity: 0.4
}