Custom CSS Not Working On Certain Pages

Hi TI Wishlist Team,

I’ve previously received help from Stan. I’ve used Custom CSS to set the position of the “Add to Wishlist” button on Product Listings. It works perfectly on the Main Shop Page and the Category Pages. Use these pages as the reference for how it should look, with the Add to Wishlist below the Add to Basket button.

HOWEVER, when I do certain filter functions on the Product Listing, the custom CSS is no longer activated. It reverts to default where it only shows on hover. The filter functions that “break” the CSS are:

1. If I use the Search Bar, it reloads the page with a URL as follows, and the Custom CSS is not applied:
https://happyhealthyhonesthuman.com/?s=Fun&post_type=product

2. When I Sort by Popularity, Sort by Latest, Sort by Price Low to High or High to Low, it reloads the page and gives a URL such as below, and the Custom CSS is not applied:
https://happyhealthyhonesthuman.com/the-community-shop/?orderby=date

3. When I use the Filter by Price widget, which can be found in the button, “Set Your Budget / Products You’ve Viewed”, to set a price range, it reloads the page and gives a URL such as below, and the Custom CSS is not applied:
https://happyhealthyhonesthuman.com/the-community-shop/?min_price=86&max_price=523

How can we insert this Custom CSS so that it is applied on all variations of the Product Listings? Is there a PHP file or CSS file where we can insert it that runs on every page? Or alterations to the current CSS (below) so that it will appear always on all pages even when I use the sort functions?

Below is the CSS Code:

.products .product .tinv-wraper.tinv-wishlist {
visibility: visible;
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}

.products .product .tinv-wraper.tinv-wishlist {
position: relative;
top: 0;
}

THANK YOU kindly for the assistance. I sincerely appreciate it.

Kind regards and best wishes,
Jethro

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