Add hover effects to buttons/links

Hello, I was wondering if there is any way to add a hover effect to buttons/links using code? I want there to be a colored background appear on specific buttons and links when I hover over them.

I listed a an example from another site to help you better solve the problem! thank you!

https://refreshedmemories.squarespace.com/config/pages

Password: Butler

@saubuchon24, don't have permission to access your site.

10 hours ago, AlexSan said:

@saubuchon24, don't have permission to access your site.

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.sqs-block-button-element {
    background: transparent !important;
    color: #159d50 !important;
    border: 0 !important;
    transition: 0.3s !important;
}
.sqs-block-button-element:hover {
    background: #159d50 !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1 !important;
}

that worked for all the buttons, is there any way to make this only apply to the accordion block and the links inside of the accordion (This is found in the footer of my site)