Form Buttons not consistent with rest of website.

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!