Scheduling button customization

Hi, I have a client requesting that the scheduling booking button be a different color on hover. To be clear, not talking about regular button blocks, but specifically the ones used in scheduling. I have the buttons embedded and they do change color on hover by default, but I want to adjust the specific color combo. Any ideas?

Hi can you provide a URL to the site in question?

My client has it set to private but this is the code, does that help?

<center><a href="https://app.squarespacescheduling.com/schedule.php?owner=24674788&owner=24674788&appointmentType=28437688" target="_blank" class="acuity-embed-button" style="background: #dba9a9; color: #fff; padding: 20px 20px; border: 0px; -webkit-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;-moz-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;border-radius: 4px; text-decoration: none; display: inline-block;">Schedule Appointment</a>
<link rel="stylesheet" href="https://embed.acuityscheduling.com/embed/button/24674788.css" id="acuity-button-styles" />
<script src="https://embed.acuityscheduling.com/embed/button/24674788.js" async></script></center>

Hi! You can add this to your custom css:

.acuity-embed-button:hover{
    background-color:red!important;
}

Just replace red with whatever color you'd like.

perfect, thank you so much!

@ThisJustin I thought it was good, but I'm realizing the color is not exactly right. I think what's happening is that the small drop shadow is the right color, but the main button is a different variation, more minty. Do you know how that plays in?