Stars

<div class="stars">
    <label class="star-input__wrapper">
		<input class="star-input" type="radio" name="stars" value="1" />
		<svg class="star" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" clip-rule="evenodd" d="M11.551 5.745C11.6345 5.5725 11.8093 5.46294 12.001 5.46294C12.1927 5.46294 12.3675 5.5725 12.451 5.745L14.3 9.483L18.444 10.083C18.6327 10.1104 18.7893 10.2427 18.8479 10.4241C18.9066 10.6054 18.8569 10.8044 18.72 10.937L15.72 13.837L16.428 17.937C16.4602 18.1243 16.3834 18.3137 16.2298 18.4257C16.0763 18.5376 15.8725 18.5529 15.704 18.465L12 16.531L8.289 18.47C8.12049 18.5579 7.91672 18.5426 7.76317 18.4307C7.60961 18.3187 7.53282 18.1293 7.565 17.942L8.273 13.842L5.273 10.942C5.13606 10.8094 5.08644 10.6104 5.14506 10.4291C5.20369 10.2477 5.36035 10.1154 5.549 10.088L9.694 9.488L11.551 5.745Z" stroke-linecap="round" stroke-linejoin="round"/>
		</svg>
	</label>
    <label class="star-input__wrapper">
		<input class="star-input" type="radio" name="stars" value="2" />
		<svg class="star" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" clip-rule="evenodd" d="M11.551 5.745C11.6345 5.5725 11.8093 5.46294 12.001 5.46294C12.1927 5.46294 12.3675 5.5725 12.451 5.745L14.3 9.483L18.444 10.083C18.6327 10.1104 18.7893 10.2427 18.8479 10.4241C18.9066 10.6054 18.8569 10.8044 18.72 10.937L15.72 13.837L16.428 17.937C16.4602 18.1243 16.3834 18.3137 16.2298 18.4257C16.0763 18.5376 15.8725 18.5529 15.704 18.465L12 16.531L8.289 18.47C8.12049 18.5579 7.91672 18.5426 7.76317 18.4307C7.60961 18.3187 7.53282 18.1293 7.565 17.942L8.273 13.842L5.273 10.942C5.13606 10.8094 5.08644 10.6104 5.14506 10.4291C5.20369 10.2477 5.36035 10.1154 5.549 10.088L9.694 9.488L11.551 5.745Z" stroke-linecap="round" stroke-linejoin="round"/>
		</svg>
		<svg class="star" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" clip-rule="evenodd" d="M11.551 5.745C11.6345 5.5725 11.8093 5.46294 12.001 5.46294C12.1927 5.46294 12.3675 5.5725 12.451 5.745L14.3 9.483L18.444 10.083C18.6327 10.1104 18.7893 10.2427 18.8479 10.4241C18.9066 10.6054 18.8569 10.8044 18.72 10.937L15.72 13.837L16.428 17.937C16.4602 18.1243 16.3834 18.3137 16.2298 18.4257C16.0763 18.5376 15.8725 18.5529 15.704 18.465L12 16.531L8.289 18.47C8.12049 18.5579 7.91672 18.5426 7.76317 18.4307C7.60961 18.3187 7.53282 18.1293 7.565 17.942L8.273 13.842L5.273 10.942C5.13606 10.8094 5.08644 10.6104 5.14506 10.4291C5.20369 10.2477 5.36035 10.1154 5.549 10.088L9.694 9.488L11.551 5.745Z" stroke-linecap="round" stroke-linejoin="round"/>
		</svg>
	</label>
    <label class="star-input__wrapper">
		<input class="star-input" type="radio" name="stars" value="3" />
		<svg class="star" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" clip-rule="evenodd" d="M11.551 5.745C11.6345 5.5725 11.8093 5.46294 12.001 5.46294C12.1927 5.46294 12.3675 5.5725 12.451 5.745L14.3 9.483L18.444 10.083C18.6327 10.1104 18.7893 10.2427 18.8479 10.4241C18.9066 10.6054 18.8569 10.8044 18.72 10.937L15.72 13.837L16.428 17.937C16.4602 18.1243 16.3834 18.3137 16.2298 18.4257C16.0763 18.5376 15.8725 18.5529 15.704 18.465L12 16.531L8.289 18.47C8.12049 18.5579 7.91672 18.5426 7.76317 18.4307C7.60961 18.3187 7.53282 18.1293 7.565 17.942L8.273 13.842L5.273 10.942C5.13606 10.8094 5.08644 10.6104 5.14506 10.4291C5.20369 10.2477 5.36035 10.1154 5.549 10.088L9.694 9.488L11.551 5.745Z" stroke-linecap="round" stroke-linejoin="round"/>
		</svg>
		<svg class="star" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" clip-rule="evenodd" d="M11.551 5.745C11.6345 5.5725 11.8093 5.46294 12.001 5.46294C12.1927 5.46294 12.3675 5.5725 12.451 5.745L14.3 9.483L18.444 10.083C18.6327 10.1104 18.7893 10.2427 18.8479 10.4241C18.9066 10.6054 18.8569 10.8044 18.72 10.937L15.72 13.837L16.428 17.937C16.4602 18.1243 16.3834 18.3137 16.2298 18.4257C16.0763 18.5376 15.8725 18.5529 15.704 18.465L12 16.531L8.289 18.47C8.12049 18.5579 7.91672 18.5426 7.76317 18.4307C7.60961 18.3187 7.53282 18.1293 7.565 17.942L8.273 13.842L5.273 10.942C5.13606 10.8094 5.08644 10.6104 5.14506 10.4291C5.20369 10.2477 5.36035 10.1154 5.549 10.088L9.694 9.488L11.551 5.745Z" stroke-linecap="round" stroke-linejoin="round"/>
		</svg>
		<svg class="star" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" clip-rule="evenodd" d="M11.551 5.745C11.6345 5.5725 11.8093 5.46294 12.001 5.46294C12.1927 5.46294 12.3675 5.5725 12.451 5.745L14.3 9.483L18.444 10.083C18.6327 10.1104 18.7893 10.2427 18.8479 10.4241C18.9066 10.6054 18.8569 10.8044 18.72 10.937L15.72 13.837L16.428 17.937C16.4602 18.1243 16.3834 18.3137 16.2298 18.4257C16.0763 18.5376 15.8725 18.5529 15.704 18.465L12 16.531L8.289 18.47C8.12049 18.5579 7.91672 18.5426 7.76317 18.4307C7.60961 18.3187 7.53282 18.1293 7.565 17.942L8.273 13.842L5.273 10.942C5.13606 10.8094 5.08644 10.6104 5.14506 10.4291C5.20369 10.2477 5.36035 10.1154 5.549 10.088L9.694 9.488L11.551 5.745Z" stroke-linecap="round" stroke-linejoin="round"/>
		</svg>
	</label>
    <label class="star-input__wrapper">
		<input class="star-input" type="radio" name="stars" value="4" />
		<svg class="star" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" clip-rule="evenodd" d="M11.551 5.745C11.6345 5.5725 11.8093 5.46294 12.001 5.46294C12.1927 5.46294 12.3675 5.5725 12.451 5.745L14.3 9.483L18.444 10.083C18.6327 10.1104 18.7893 10.2427 18.8479 10.4241C18.9066 10.6054 18.8569 10.8044 18.72 10.937L15.72 13.837L16.428 17.937C16.4602 18.1243 16.3834 18.3137 16.2298 18.4257C16.0763 18.5376 15.8725 18.5529 15.704 18.465L12 16.531L8.289 18.47C8.12049 18.5579 7.91672 18.5426 7.76317 18.4307C7.60961 18.3187 7.53282 18.1293 7.565 17.942L8.273 13.842L5.273 10.942C5.13606 10.8094 5.08644 10.6104 5.14506 10.4291C5.20369 10.2477 5.36035 10.1154 5.549 10.088L9.694 9.488L11.551 5.745Z" stroke-linecap="round" stroke-linejoin="round"/>
		</svg>
		<svg class="star" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" clip-rule="evenodd" d="M11.551 5.745C11.6345 5.5725 11.8093 5.46294 12.001 5.46294C12.1927 5.46294 12.3675 5.5725 12.451 5.745L14.3 9.483L18.444 10.083C18.6327 10.1104 18.7893 10.2427 18.8479 10.4241C18.9066 10.6054 18.8569 10.8044 18.72 10.937L15.72 13.837L16.428 17.937C16.4602 18.1243 16.3834 18.3137 16.2298 18.4257C16.0763 18.5376 15.8725 18.5529 15.704 18.465L12 16.531L8.289 18.47C8.12049 18.5579 7.91672 18.5426 7.76317 18.4307C7.60961 18.3187 7.53282 18.1293 7.565 17.942L8.273 13.842L5.273 10.942C5.13606 10.8094 5.08644 10.6104 5.14506 10.4291C5.20369 10.2477 5.36035 10.1154 5.549 10.088L9.694 9.488L11.551 5.745Z" stroke-linecap="round" stroke-linejoin="round"/>
		</svg>
		<svg class="star" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" clip-rule="evenodd" d="M11.551 5.745C11.6345 5.5725 11.8093 5.46294 12.001 5.46294C12.1927 5.46294 12.3675 5.5725 12.451 5.745L14.3 9.483L18.444 10.083C18.6327 10.1104 18.7893 10.2427 18.8479 10.4241C18.9066 10.6054 18.8569 10.8044 18.72 10.937L15.72 13.837L16.428 17.937C16.4602 18.1243 16.3834 18.3137 16.2298 18.4257C16.0763 18.5376 15.8725 18.5529 15.704 18.465L12 16.531L8.289 18.47C8.12049 18.5579 7.91672 18.5426 7.76317 18.4307C7.60961 18.3187 7.53282 18.1293 7.565 17.942L8.273 13.842L5.273 10.942C5.13606 10.8094 5.08644 10.6104 5.14506 10.4291C5.20369 10.2477 5.36035 10.1154 5.549 10.088L9.694 9.488L11.551 5.745Z" stroke-linecap="round" stroke-linejoin="round"/>
		</svg>
		<svg class="star" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" clip-rule="evenodd" d="M11.551 5.745C11.6345 5.5725 11.8093 5.46294 12.001 5.46294C12.1927 5.46294 12.3675 5.5725 12.451 5.745L14.3 9.483L18.444 10.083C18.6327 10.1104 18.7893 10.2427 18.8479 10.4241C18.9066 10.6054 18.8569 10.8044 18.72 10.937L15.72 13.837L16.428 17.937C16.4602 18.1243 16.3834 18.3137 16.2298 18.4257C16.0763 18.5376 15.8725 18.5529 15.704 18.465L12 16.531L8.289 18.47C8.12049 18.5579 7.91672 18.5426 7.76317 18.4307C7.60961 18.3187 7.53282 18.1293 7.565 17.942L8.273 13.842L5.273 10.942C5.13606 10.8094 5.08644 10.6104 5.14506 10.4291C5.20369 10.2477 5.36035 10.1154 5.549 10.088L9.694 9.488L11.551 5.745Z" stroke-linecap="round" stroke-linejoin="round"/>
		</svg>
	</label>
    <label class="star-input__wrapper">
		<input class="star-input" type="radio" name="stars" value="5" />
		<svg class="star" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" clip-rule="evenodd" d="M11.551 5.745C11.6345 5.5725 11.8093 5.46294 12.001 5.46294C12.1927 5.46294 12.3675 5.5725 12.451 5.745L14.3 9.483L18.444 10.083C18.6327 10.1104 18.7893 10.2427 18.8479 10.4241C18.9066 10.6054 18.8569 10.8044 18.72 10.937L15.72 13.837L16.428 17.937C16.4602 18.1243 16.3834 18.3137 16.2298 18.4257C16.0763 18.5376 15.8725 18.5529 15.704 18.465L12 16.531L8.289 18.47C8.12049 18.5579 7.91672 18.5426 7.76317 18.4307C7.60961 18.3187 7.53282 18.1293 7.565 17.942L8.273 13.842L5.273 10.942C5.13606 10.8094 5.08644 10.6104 5.14506 10.4291C5.20369 10.2477 5.36035 10.1154 5.549 10.088L9.694 9.488L11.551 5.745Z" stroke-linecap="round" stroke-linejoin="round"/>
		</svg>
		<svg class="star" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" clip-rule="evenodd" d="M11.551 5.745C11.6345 5.5725 11.8093 5.46294 12.001 5.46294C12.1927 5.46294 12.3675 5.5725 12.451 5.745L14.3 9.483L18.444 10.083C18.6327 10.1104 18.7893 10.2427 18.8479 10.4241C18.9066 10.6054 18.8569 10.8044 18.72 10.937L15.72 13.837L16.428 17.937C16.4602 18.1243 16.3834 18.3137 16.2298 18.4257C16.0763 18.5376 15.8725 18.5529 15.704 18.465L12 16.531L8.289 18.47C8.12049 18.5579 7.91672 18.5426 7.76317 18.4307C7.60961 18.3187 7.53282 18.1293 7.565 17.942L8.273 13.842L5.273 10.942C5.13606 10.8094 5.08644 10.6104 5.14506 10.4291C5.20369 10.2477 5.36035 10.1154 5.549 10.088L9.694 9.488L11.551 5.745Z" stroke-linecap="round" stroke-linejoin="round"/>
		</svg>
		<svg class="star" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" clip-rule="evenodd" d="M11.551 5.745C11.6345 5.5725 11.8093 5.46294 12.001 5.46294C12.1927 5.46294 12.3675 5.5725 12.451 5.745L14.3 9.483L18.444 10.083C18.6327 10.1104 18.7893 10.2427 18.8479 10.4241C18.9066 10.6054 18.8569 10.8044 18.72 10.937L15.72 13.837L16.428 17.937C16.4602 18.1243 16.3834 18.3137 16.2298 18.4257C16.0763 18.5376 15.8725 18.5529 15.704 18.465L12 16.531L8.289 18.47C8.12049 18.5579 7.91672 18.5426 7.76317 18.4307C7.60961 18.3187 7.53282 18.1293 7.565 17.942L8.273 13.842L5.273 10.942C5.13606 10.8094 5.08644 10.6104 5.14506 10.4291C5.20369 10.2477 5.36035 10.1154 5.549 10.088L9.694 9.488L11.551 5.745Z" stroke-linecap="round" stroke-linejoin="round"/>
		</svg>
		<svg class="star" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" clip-rule="evenodd" d="M11.551 5.745C11.6345 5.5725 11.8093 5.46294 12.001 5.46294C12.1927 5.46294 12.3675 5.5725 12.451 5.745L14.3 9.483L18.444 10.083C18.6327 10.1104 18.7893 10.2427 18.8479 10.4241C18.9066 10.6054 18.8569 10.8044 18.72 10.937L15.72 13.837L16.428 17.937C16.4602 18.1243 16.3834 18.3137 16.2298 18.4257C16.0763 18.5376 15.8725 18.5529 15.704 18.465L12 16.531L8.289 18.47C8.12049 18.5579 7.91672 18.5426 7.76317 18.4307C7.60961 18.3187 7.53282 18.1293 7.565 17.942L8.273 13.842L5.273 10.942C5.13606 10.8094 5.08644 10.6104 5.14506 10.4291C5.20369 10.2477 5.36035 10.1154 5.549 10.088L9.694 9.488L11.551 5.745Z" stroke-linecap="round" stroke-linejoin="round"/>
		</svg>
		<svg class="star" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" clip-rule="evenodd" d="M11.551 5.745C11.6345 5.5725 11.8093 5.46294 12.001 5.46294C12.1927 5.46294 12.3675 5.5725 12.451 5.745L14.3 9.483L18.444 10.083C18.6327 10.1104 18.7893 10.2427 18.8479 10.4241C18.9066 10.6054 18.8569 10.8044 18.72 10.937L15.72 13.837L16.428 17.937C16.4602 18.1243 16.3834 18.3137 16.2298 18.4257C16.0763 18.5376 15.8725 18.5529 15.704 18.465L12 16.531L8.289 18.47C8.12049 18.5579 7.91672 18.5426 7.76317 18.4307C7.60961 18.3187 7.53282 18.1293 7.565 17.942L8.273 13.842L5.273 10.942C5.13606 10.8094 5.08644 10.6104 5.14506 10.4291C5.20369 10.2477 5.36035 10.1154 5.549 10.088L9.694 9.488L11.551 5.745Z" stroke-linecap="round" stroke-linejoin="round"/>
		</svg>
	</label>
</div>