How can I eliminate button animation on my website?

Store Design
, , ,
1

Buttons across the site have a gradual fill effect that I would like to remove completely - preferably no animation at all when the button is hovered over. I’ve been unsuccessful in trying to do this with .css so far..

URL: https://afca7f-2.myshopify.com/

2

Add this add bottom of your theme.css file and check

.btn.btn--primary::before, .shopify-challenge__button::before {
    transform: unset !important;
    transition: unset!important;
}
3

I came across a solution to deactivate the button animations. Go to customise theme > settings > Animation > uncheck the “Show button transition”

Hope i could help you

4

Thanks but that’s not an option for the Stiletto theme.