Debut Theme - Button ADD TO CART:Where can I change the hover text color and remove the black border

[chumani]

Hi all,

where can I change für Button "Add to Cart" the hover text color to #19100c

and remove the black border (but only for add to cart button), and ONLY when I make hover, the borders dissapear (don't know if this is possible).

Same for READ MORE Button, that when I hover the borde dissapears...

[oscprofessional]

Hello @chumani 

Please provide your store URL, so I can review it and provide a solution.

[chumani]

Hi @oscprofessional , it's https://www.chumani-jewels.com/ 

[Dan-From-Ryviu · Accepted solution]

Hi @chumani 

Please use this code 

.product-single__meta .btn--secondary-accent:not([disabled]):hover, .product-single__meta .btn--secondary-accent:focus {
    color: #19100c !important;
    border: unset !important;
}

[chumani]

Thank you so much @Dan-From-Ryviu 🙏 It works perfect

[Dan-From-Ryviu]

You are very welcome, @chumani 

[oscprofessional]

Hello @chumani 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

button.btn.product-form__cart-submit.btn--secondary-accent:hover {
    color: #19100c !important;
}
button.btn.product-form__cart-submit.btn--secondary-accent {
    border: none;
}

[PageFly-Richard]

Hi @chumani 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Theme.css

.product-single__meta .btn--secondary-accent:not([disabled]):hover, .product-single__meta .btn--secondary-accent:focus {
    color: #19100c !important;
    border: unset !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly