.woocommerce-product-rating{
	display: flex;
	flex-wrap: wrap;
	line-height: normal;
	margin: 0;
	align-items:center;
	margin-bottom: 20px;
}

$star-rating-w: 105px;
$star-rating-h: 23px;
.star-rating{
	font-family: $star_icon_font;
	color: $star_icon_color;
	font-size: 14px;
	letter-spacing: 6px;
	margin: 0;
	white-space: nowrap;
	position: relative;
	display: inline-block;
	width: $star-rating-w;
	height: $star-rating-h;
	line-height: $star-rating-h;
	overflow: hidden;
	vertical-align: top;
	&:before,
	> span:before,
	.cms-star-rated:before{
		content: '#{$star_icon_filled$star_icon_filled$star_icon_filled$star_icon_filled$star_icon_filled}';
		display: block;
		overflow: hidden;
	}
	>span:before,
	.cms-star-rated:before,
	&[aria-label="Rated 0 out of 5"]:before{
		color: $star_icon_filled_color;
	}
	.cms-star-rated,
	> span{
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		height: $star-rating-h;
		[dir="rtl"] &{
			left: auto;
			right: 0;
		}
	}
	+ .woocommerce-review-link{
		margin-left: 30px;
		font-size: 13px;
		[dir="rtl"] &{
			margin-left: 0;
			margin-right: 30px;
		}
	}
}
/**
 * Star ratings
 */

p.stars {
	a {
		position: relative;
		height: 1em;
		width: 1em;
		text-indent: -999em;
		display: inline-block;
		text-decoration: none;
		vertical-align: middle;
		color: $star_icon_color;
		&::before {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 1em;
			height: 1em;
			line-height: 1;
			font-family: $star_icon_font;
			content: $star_icon;
			text-indent: 0;
		}

		&:hover ~ a::before {
			content: $star_icon;
		}
		&:hover{
			color: var(--color-rating);
		}
	}

	&:hover a::before {
		content: $star_icon_filled;
		color: var(--color-rating);
	}

	&.selected {
		a.active {
			&::before {
				content: $star_icon_filled;
				color: var(--color-rating);
			}

			~ a::before {
				content: $star_icon;
			}
		}

		a:not(.active)::before {
			content: $star_icon_filled;
			//color: var(--color-rating);
		}
	}
}