"Add to cart" creates small box in right hand corner?

Site URL: https://www.iambeautybodystudio.com/shop/p/4d-ozone-repair-serum

Hello, When I place my mouse over the "Add to Cart" it completely blanks out the writing.. can I design it so it doesn't do this?

And when I add an item to the cart it brings up a small brown box that I have to click to go through to the cart page..?

How do I make this experience for the customer seamless and intuitive?

Please advise, and thank you

On 7/1/2021 at 11:19 AM, Chlo88 said:

Site URL: https://www.iambeautybodystudio.com/shop/p/4d-ozone-repair-serum

Hello, When I place my mouse over the "Add to Cart" it completely blanks out the writing.. can I design it so it doesn't do this?

And when I add an item to the cart it brings up a small brown box that I have to click to go through to the cart page..?

How do I make this experience for the customer seamless and intuitive?

 

Please advise, and thank you

 

Hi. Add to Design > Custom CSS

/* add to cart hover color */
.sqs-add-to-cart-button-wrapper:hover .sqs-add-to-cart-button-inner {
    color: white !important;
}