Scheduling CSS

Hey guys!

I want to implement below code using markdown component, however struggling to make the button centered (screenshot attached). Any idea what CSS can fix this?

<a href="https://app.squarespacescheduling.com/schedule.php?owner=27489484&appointmentType=39362980" target="_blank" class="acuity-embed-button" style="background: #ffdc00; color: #000; padding: 8px 12px; 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;">Book now</a><link rel="stylesheet" href="https://embed.acuityscheduling.com/embed/button/27489484.css" id="acuity-button-styles" /><script src="https://embed.acuityscheduling.com/embed/button/27489484.js" async></script>

Kind regards,
Aga

1 hour ago, BornToClick said:

Hey guys!

I want to implement below code using markdown component, however struggling to make the button centered (screenshot attached). Any idea what CSS can fix this?

<a href="https://app.squarespacescheduling.com/schedule.php?owner=27489484&appointmentType=39362980" target="_blank" class="acuity-embed-button" style="background: #ffdc00; color: #000; padding: 8px 12px; 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;">Book now</a><link rel="stylesheet" href="https://embed.acuityscheduling.com/embed/button/27489484.css" id="acuity-button-styles" /><script src="https://embed.acuityscheduling.com/embed/button/27489484.js" async></script>

Kind regards,
Aga

Can you share your site with the protected password so I can take a look?

@Beyondspace sure, it's www.spareroomwellness.com. You will currently see standard buttons under 'My services' which I want to replace with mentioned markdown.

On 12/7/2022 at 5:02 AM, BornToClick said:

 sure, it's www.spareroomwellness.com. You will currently see standard buttons under 'My services' which I want to replace with mentioned markdown.

The button area already centered. Did you solve it?