.rate{
	height: 20px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

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

.rating-label {
	position: relative;
	width: 1em;
	font-size: 30px;
	font-weight: 300;
	cursor: pointer;
	opacity: 0.4;
}

.rating-label::before {
	position: absolute;
	opacity: 0.4;
}

.rating-label:hover,
.rating-label:hover~label {
	opacity: 1 !important;
}

.rating>input:checked~label,
.rating:hover>input:checked~label {
	opacity: 1;
}

.rating-popover-container .popover{
	min-width: 100%;
}