Hello, guys I have a small issue facing me, how can i change the color of a react-icons item while mouse over in nextjs especially next does not allow me to change any color of even svg or third party icon

here is the code:

                        <div 
                            className="cursor-pointer my-auto px-2"
                        >
                            <p>
                                <LuShoppingCart 
                                    className='w-6 h-6'
                                    style={{color: "white"}}
                                />
                            </p>
                        </div>

need help guys just to change the color of the item while mouse over on it