Issue with WooCommerce Type Colour

I’ve got a problem with my site.

Originally I had the following issue:

In my WooCommerce shop for when someone clicks on the “ADD to CART” button for a product, the button used to change to say “VIEW CART” in white text. Now that text is black (as is the button) and is not visible. On desktop another button comes up linking to the cart, but on mobile there is no other obvious way to go to cart. How can I change the colour of the “VIEW CART” text in the button so that it’s easy for people to complete their purchase?
Also, on mobile only, when someone adds a product to their cart, the message ” [x] has been added to your cart” does not show up, not sure why.
I’m using Neve theme (and have the pro versions plugin) but can’t find any where in the customizer to address this specific button text. I’m not familiar with CSS, but perhaps there is code that can be inserted in the theme customizer to address this?

I got the following advice on wordpress,.com:

It seems to be coming from your theme:

color: var(–nv-text-color);

It just isn’t clear from where exactly.

As a bandaid, until you can locate it, you can use the following CSS code in your Customizer, under “Additional CSS” section:

.woocommerce ul.products li.product a:not(.nv-quick-view-product) {
color: #fff !important;
}

I followed this advice and it resolved the issue, but created another issue:

Now the text for the name of my products under the ‘Shop Page’ (https://spearheadbackcountry.com/shop/) is white and not visible. This also happens for the product names under ‘Related Products’ on product pages (https://spearheadbackcountry.com/product/spearhead-backcountry-atlas-2/):

Can someone help me fix the issue of the text colour on both these issues?

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