How to remove border on add to cart button on hover - Dawn 14.0.0

[FloridaGlow]

Hi! I changed the color of the add to cart button when hovered on the collection page and the homepage on the featured collections with this code: 

.quick-add__submit:hover {
background-color: #c99c97 !important;
}

But the black border around the button stays but I want it to not be there when hovered on. I am in Dawn 14.0.0, please refer to the picture:

 

I want that black border to be gone only when hovered.

Thanks

[MooseDesk]

Hi @FloridaGlow ,

Thanks for reaching out to the community. We are MooseDesk, a comprehensive Live Chat, FAQ & Helpdesk App designed to elevate your customer support experience.

If you want to remove the bold border on hover, add the following CSS code:

.quick-add__submit:hover:after {
    --border-offset: 0px !important;
    --border-opacity: 0 !important;
}

So this is my answer to your question. If this is helpful for you, please let me know by giving MooseDesk a 'LIKE'. If your question is answered please mark this as 'SOLUTION’.

Once again, keep up the fantastic work, and I wish you the best of luck in the future!

[Dan-From-Ryviu · Accepted solution]

Hi, please add more of this code to remove that border when hovering on your quick add button;

.quick-add__submit:hover:after { box-shadow: unset !important; }

[FloridaGlow]

Worked, thanks!

[Dan-From-Ryviu]

Very welcome!

[Kyle_liu]

Hi @FloridaGlow 

You can add the following code

.quick-add__submit:hover:after {
    box-shadow: none !important
}