How to target my buttons with css

Hi,

I am working on my website(drmun.org) and I am trying to change my buttons with css when hovering or just in general and it isn't working. 

I have tried using the class:

.sqs-block-button:hover {
  color: red;
}

I have also tried using the anchor tag:

a:hover {
  color:red;
}

I have tried other methods on the internet but none are working so could someone help me find the selector for buttons in squarespace.

Try using the !important rule. It will override all other CSS specificity selectors.

.sqs-block-button:hover {
  color: red !important;
}

a:hover {
  color:red !important;
}

Also, color will only change the text color.  You will have to use background-color if you want to change the button color itself.

.sqs-block-button:hover {
  background-color: red !important;
}