.wp-block-academy-course-rating {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4em;
}

.academy-course-rating__stars {
	--academy-star-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.3 6.9.7-5.2 4.6 1.5 6.8L12 17.4l-6.1 3.5 1.5-6.8-5.2-4.6 6.9-.7z'/%3E%3C/svg%3E");
	position: relative;
	display: inline-block;
	flex: none;
	width: 5.5em;
	height: 1.1em;
}

.academy-course-rating__stars::before,
.academy-course-rating__fill {
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	-webkit-mask: var(--academy-star-shape) repeat-x left center / 1.1em 1.1em;
	mask: var(--academy-star-shape) repeat-x left center / 1.1em 1.1em;
}

.academy-course-rating__stars::before {
	content: "";
	width: 100%;
	background: var(--academy-star-empty-color, #d8dbe2);
}

.academy-course-rating__fill {
	background: var(--academy-star-color, #f5a623);
}

.academy-course-rating__count {
	opacity: 0.75;
}

/* One star beside the average (★ 4.5). */
.wp-block-academy-course-rating.is-single-star .academy-course-rating__stars {
	width: 1.1em;
}

/* Alignment from the block toolbar. */
.wp-block-academy-course-rating.has-text-align-center {
	justify-content: center;
}

.wp-block-academy-course-rating.has-text-align-right {
	justify-content: flex-end;
}
