outline button hover effect

i have buttons on my home/cover page in the "outline" style (flatiron-template).  the font within the buttons changes to black during the hover over effect.  is there a custom css code that allows me to change the color to something else during the hover?  

any advice/help would be appreciated

Add to Cover Page Settings > Advanced > Header

<style>
  .sqs-slice-buttons a:hover {
    color: green !important;
}
</style>

this worked perfectly.  thank you.  can this be made to work for the social media icon buttons as well?

Hi

Use this code in Design -> Custom CSS

.sqs-slide-wrapper[data-slide-type="cover-page"] .social-icons-style-border [data-slice-type="social-icons"] .icon-wrapper:hover .use-icon {
    background-color: white !important; /* change this */
    fill: white !important; /* change this */
}

.sqs-slide-wrapper[data-slide-type="cover-page"] .social-icons-style-border [data-slice-type="social-icons"] .icon-wrapper:hover {
    background-color: black !important; /* change this */
    border-color:transparent !important;
}

Also, please check this FREE button styles.  If you like it please let me know to help you to achieve it!

Best,
Leopold

that worked great.  thank you, much appreciated.