.rating-wrapper,
.rating__stars-wrapper {
	display: flex;
}

.rating__stars,
.rating__value,
.rating__count {
	display: inline-flex;
}

.rating-wrapper {
	flex-direction: column;
}

.rating__stars-wrapper {
	align-items: center;
	line-height: 1;
	font-size: 0.95em;
	color: #4c5170;
}

.rating__stars {
	--star-size: 22px;
	--rating-value: 100%;
	position: relative;
	width: calc(var(--star-size) * 5);
	height: var(--star-size);
}

.rating__stars::before,
.rating__stars::after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fbbc05' width='24' height='24'%3E%3Cpath d='M5.64,21.79l1.68-7.24L1.7,9.68l7.41-.65,2.89-6.83,2.89,6.83,7.41,.65-5.62,4.87,1.68,7.24-6.37-3.84-6.37,3.84h.02Z'/%3E%3C/svg%3E");
	background-size: auto 100%;
}

.rating__stars::before {
	width: 100%;
	opacity: 0.44;
	filter: grayscale(100%);
}

.rating__stars::after {
	width: var(--rating-value);
}

.rating__value {
	margin: 0.14em 0 0 0.5em;
	font-weight: 700;
}

.rating-wrapper--sm {
	font-size: 0.875rem;
}

.rating-wrapper--sm .rating__stars {
	--star-size: 20px;
}

.rating__count {
	margin: 0.14em 0 0 0.35em;
	font-weight: 400;
	white-space: nowrap;
	color: rgb(var(--color-second), 0.8);
}

.rating__count-link {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.2em;
	text-decoration-thickness: 1px;
	transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.rating__count-link:hover {
	color: #cc1d4a;
	text-decoration: none;
}

.rating__link-wrapper {
	margin-top: 0.2rem;
	line-height: 1.2;
}

.rating__link {
	margin-top: 0.5em;
	color: rgb(var(--color-second));
	font-size: 0.875rem;
	text-decoration: underline;
	text-underline-offset: 0.2em;
	text-decoration-thickness: 1px;
	transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.rating__link:hover {
	color: #cc1d4a;
	text-decoration: none;
}

.rating__link svg {
	margin-right: 0.2em;
	width: 18px;
	height: 18px;
	vertical-align: bottom;
}

.rating__link strong {
	font-weight: 600;
}

.reserve-item__header .rating-wrapper {
	flex: 1 1 auto;
	min-width: 0;
}

.reserve-product__reviews.rating-wrapper {
	margin-bottom: 1rem;
}
