Squarespace 7.1 - Mobile Button Text Color on Hover

Site URL: https://www.stephaniemaillard.com/portfolio

When you hover/click on the buttons across this site the text of the button is white (screenshot attached "View the Serie").

On mobile devices, specifically on the Portfolio page, the button seems to have some sort of overlay on hover/click (mobile screenshot attached). I haven't had any luck fixing it and was wondering if someone knew how I could get it to look like the true colors (royal blue button with white text) on hover?

Thanks!

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
a.list-item-content__button.sqs-block-button-element.sqs-block-button-element--medium.sqs-button-element--primary {
    color: white !important;
    opacity: 1 !important;
}
}