How can I remove a button hover shake effect I added earlier? (Not a developer)

[tradeably]

Hi everyone,

I'm not a developer, but I remember trying to customize my Shopify store a while ago and I added a "shake" effect to a button when you hover over it (I think it also enlarges slightly).

Now I'd like to remove that effect — but I honestly can’t remember where I added it. I may have added some custom CSS, but I’m not sure if it was through the theme settings, a CSS file, or somewhere else.

Could someone help me figure out:

• Where I might have added this shake animation?

• How to find and remove it?

I'm using the Shopify site builder and a standard theme. 

To see waht I'm taking about, see my home page and hover mouse over any button: https://tailtownshop.co.uk/

Any step-by-step help would be really appreciated. 

Thanks,

Tomas

[Mustafa_Ali]

<style>
a.button.button--primary:hover {
    animation: none !important;
}
</style>

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
before the body ----->
if this code work please do not forget to like and mark it solution

[Dan-From-Ryviu · Accepted solution]

Hi @tradeably 

You can do that by removing this code at very bottom of your base.css file