.c-star__rating {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: space(1);

	> * + * {
		margin-left: 2px;
	}
}

.c-star {
	width: 16px;
	color: palette(neutral, 0);
	line-height: 0;

	svg{
		width: 100%;
		max-height: 18px;
	}

	.half-star { display: none; }
	.full-star { display: none; }
}

.c-star--full {
	.full-star { display: block; }
}

.c-star--half {
	.half-star { display: block; }
}