Image as button CSS question

Site URL: https://flower-sturgeon-j6d9.squarespace.com/

I used CSS to change the button in the header to an image. I am trying to use the same code, for a small button ".sqs-block-button-element--small" for the buttons below the word "Services." The button becomes transparent, words are grey, but the image does not overlay. I'm not understanding why the code will not work with another type of button now. 

https://flower-sturgeon-j6d9.squarespace.com/

password: karolina

Use this code

div.button-block a {
    background-color: transparent !important;
    background-image: url(https://static1.squarespace.com/static/6296597a72211429ea2f8b50/t/62a6184fc5fe2f1af456f63d/1655052367473/Untitled+design+%2823%29.png) !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}