/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

.star-rating {
	display: flex;
	position: relative;
	align-items: center;
	gap: 5px;
	.back-stars {
		position: relative;
		display: flex;
		// flex-wrap: wrap;
		align-items: center;
		gap: 20px;
		color: #d8bfa0;
		font-size: 20px;
		.front-stars {
			position: absolute;
			display: flex;
			// flex-wrap: wrap;
			align-items: center;
			gap: 20px;
			overflow: hidden;
			width: 60%;
			color: #da862f;
			i {
				display: inline-block;
				position: relative;
				font-style: normal;
				cursor: default;
			}
		}
		i {
			display: inline-block;
			position: relative;
			font-style: normal;
			cursor: default;
		}
	}
}