Order Summary Solution (Flexbox)

CSS
button{
     /*your button styles*/
        }
button:hover{
     background-color:  /*put the lighter shade*/;
            }

:hover is a pseudo-class. It's used to apply styles to an element when you hover over it.

I'd suggest you learn more about this on Youtube. Check out channels like Kevin Powell, Net ninja and so on.