Customise product hover style

Hi support,

I have 2 problems on the product page:

1. How to change the text color and text box color at the same time while hovering the product text box?
Currently the hover effect is separated, where the box will change color followed by text color.

You can see img below as reference
file:///Users/linus/Downloads/MicrosoftTeams-image.png

2. How to add shadow on product image and text? (no need hover)
May i know how to add the shadow by following the image and text box size?
I managed to add shadow but it shows a square box, can i follow the irregular shape of the image and text box (red color line in img reference below)?

You can see img below as reference
file:///Users/linus/Downloads/MicrosoftTeams-image%20(1).png

Thanks a lot.

The page I need help with: [log in to see the link]