Image block: card - Code to change button hover styles? (wells template)

(Wells template)

I have an image block: card on my page. I have the button turned on, and have changed the background color to white/text to black.

I can't control the hover colors of the button or button text in the template. Does anyone know some custom css for this?

Thanks much!

@jpwelchux you can use custom code. Can you share site url?

Thanks for looking @tuanphan, and yes I'm looking for help with custom code. You'll see when hovering a button the text only gets slightly dimmer. I can't control that through the template. 

https://oboe-oarfish-b2zr.squarespace.com 

turkeydogs

@jpwelchux which button? If you mean "View Case Study" button, you can use the following code

.image-button-inner:hover a {
    background: blue !important;
    color: #fff !important;
    border-color: blue !important;
}

@tuanphan I really appreciate your help on both of these questions. 

I've changed the hover background to black. However, the button hovers a dark grey, and the space just to the right of the buttons hover dark black. I believe it's the area where the div is... maybe a glitch in squarespace? 

@jpwelchux button has opacity: 0.8, you can change to 1

.sqs-block-image .image-block-outer-wrapper.design-layout-card .image-button a:hover {
    opacity: 1;
}

Please "Like" if the answer correct. Thanks.