Text is not visible when hover over it.

[himshekhar07]

On this page ​https://mercantile.wordpress.org/product/wp20-code-is-poetry-t-shirt/ when I hover over the "View cart" text it is not properly visible due to the dark background colour and dark text colour.

Here is the screenshot:
​https://share.cleanshot.com/kJ0c3F1949p0NQ7MRhTF

[himshekhar07]

.woocommerce-page .wp-site-blocks a.button:not(.loading):hover{
color: var(--wp--preset--color--base) !important;
}

[himshekhar07]

After applying solution

[sakibmd]

Here when we hover over the "View cart" button, if we give the opportunity to set a text color option when selecting a background color then it could be a good solution.

In this way, we can easily handle the visibility problem.