Slow down hover animation add to cart button

Store Design
, , , ,
1

Hey, I have just figured out how I can add a hover animation to my add to cart button, where the colour changes when hovering over the add to cart button, but the animation is too fast, does anyone know how I can slow this down? I will show the code that is used down below.

.product-form__submit:hover{background:#f8f8f5;color:#000}

LINK:https://e8aaa0-3.myshopify.com/products/body-cleanser?variant=41569514881161

PASSWORD: mohwhi

THEME: TASTE

2

Try this

.product-form__submit:hover{
background:#f8f8f5;
color:#000;   
 -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
3

Where?