Hello!
Would like to have all buttons on my website to have an "all-ease-in" effect, so that it feels like you're manually pressing a button on hover.
However, the buttons on the contact forms, email sign-ups and navigation are not responsive to the CSS.
These buttons are only changing opacity.
For reference, website is www.sovdimedia.com
CSS I'm currently using:
.sqs-add-to-cart-button, .sqs-editable-button, .sqs-editable-button-style, .sqs-button-element--primary {
box-shadow: 5px 5px #000;
border: 1px solid #000 !important;
transition: all ease-in 0.2s !important;
}
.sqs-block-button-element:hover {
box-shadow: none;
transform: translateY(5px) !important;
transition: all ease-in 0.2s !important;
opacity: 1 !important;
}
What am I doing wrong?
Any help would be appreciated!