Products page text rollover

Site URL: https://www.seapearls.com/lead-weight

Site URL: https://www.seapearls.com/lead-weight

Does anyone know how to change the font on the Products page grid to have a rollover?

I just need the text under the thumbnails to change color on the hover state.

Thanks!

Sample page: https://www.seapearls.com/lead-weight
(text under images to change color on hover)

Add to Home > Design > Custom CSS

.ProductList-item:hover h1.ProductList-title {
    color: red !important;
}