Hover over colour for Pagination <PREV NEXT>

Hi,

web: https://ellipse-teal-dl5w.squarespace.com/design/ultraflex
pass: 2

Wondering how I can target a "hover over" colour for pagination < PREVIOUS and  NEXT> icons in the portfolio.

I was able to find code to change the arrows but not the text (PREVIOUS and NEXT)
put the code in Website Tools / Custom CSS

/* pagination hover */
.item-pagination[data-collection-type^="portfolio"] h2:hover {
    color: #42c6ff;
}
.item-pagination[data-collection-type^="portfolio"] .icon:hover svg {
    stroke: #42c6ff;
}

how far i got:


Just need the NEXT and PREVIOUS to be a different colour on hover over.

Thanks
 

thank you works great