Basic Rating

Use the .rating class on the parent element and .star class on the icon.

            
            <div class="rating">
                <input type="radio" name="rating" id="star5" value="5" />
                <label for="star5" class="star">
                    <i class="fas fa-star"></i>
                </label>
                <input type="radio" name="rating" id="star4" value="4" />
                <label for="star4" class="star">
                    <i class="fas fa-star"></i>
                </label>
                <input type="radio" name="rating" id="star3" value="3" />
                <label for="star3" class="star">
                    <i class="fas fa-star"></i>
                </label>
                <input type="radio" name="rating" id="star2" value="2" />
                <label for="star2" class="star">
                    <i class="fas fa-star"></i>
                </label>
                <input type="radio" name="rating" id="star1" value="1" />
                <label for="star1" class="star">
                    <i class="fas fa-star"></i>
                </label>
            </div>