How do I change text color with hover for blog pagination?

Site URL: https://www.grahamweaver.com/

On individual blog pages, I added code to make the text for previous and subsequent blog titles (basically the pagination at bottom of each blog post) change colors to our accent blue when the mouse hovers over the titles. It appears to be working just fine when the Custom CSS window is open, but for some reason the hover effect stops working after I close the CSS window on the left menu. See screen grabs for reference. All of my other code is working just fine. Any idea what the issue is here? Is it my code, or is it Squarespace? Would so appreciate insight on how to fix! Thank you!! 

URL: https://www.grahamweaver.com/blog/the-common-question

See screengrabs for reference. 

@Alexg77 you can add !important to the end of your code

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

@ryandejaegher ah, thank you! I am new to CSS, so I really appreciate this! It works. 🙏