<div id="basic-rater"></div>                                        
                                    
                                

                                    
                                        <div id="rater-step"></div>
                                    
                                

                                    
                                        <div id="rater-message"></div>
                                    
                                

                                    
                                        <div>
                                            <div id="rater-onhover" class="align-middle"></div>
                                            <span class="ratingnum inline-block text-center rounded-full w-6 h-full text-sm bg-info text-white align-middle ms-2"></span>
                                        </div>
                                    
                                

                                    
                                        <div class="flex items-center">
                                            <div id="raterreset" class="align-middle"></div>
                                            <span class="clear-rating"></span>
                                            <button id="raterreset-button" class="btn btn-sm bg-primary text-white ms-4">بازنشانی</button>
                                        </div>