I want to remove hover effect in the sold out button

[swayurindia]

I want to remove the hover effect in the sold-out button.

In the below screenshot I have hovered on the Sold Out button in the existing border is getting removed. I don't want any changes to be made in it

[topnewyork]

@swayurindia 

Would you mind to share your store URL website, with password if its protected? Thanks!

[swayurindia]

www.swayur.com

There is no password

[topnewyork]

@swayurindia 

Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above </body> tag

.underlined-link:hover, .customer a:hover {
    color: none;
    text-decoration: none;
}

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

[swayurindia]

Nothing  has changed

[topnewyork]

@swayurindia On hover underline disapears and font weight remain same as original.. what you want on hover?tell me i will do that

[swayurindia]

I want to remove the hover effect in SOLD OUT button please read the problem carefully. Whenever customers hover on it the border should not disappear infact it should remain just like that.

[topnewyork]

@swayurindia 

Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above </body> tag

button.quick-add__submit[disabled]:hover {
    border: inherit;
}

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

[Dan-From-Ryviu]

Hi @swayurindia 

Please add this code 

.quick-add button.quick-add__submit:hover::after { border: 1px solid #e8e8e8 !important; }

[swayurindia]

It is working

But another issue over here is that there is another border appearing when hovering on In-Stock product's Add to Cart button:

Check out this sample website link: https://www.jiomart.com/c/groceries/2 in this whenever we hover on add to cart button then over there, another blue colored border is appeared (the existing border is getting replaced by dark blue color)

[Dan-From-Ryviu]

Please try to use this code instead of 

.quick-add button.quick-add__submit:after { border: 1px solid #e8e8e8 !important; }