.discovery-booking-button { display:inline-flex; align-items:center; gap:12px; max-width:100%; padding:16px 22px; border:0; border-radius:999px; background:#fffdf9; color:var(--purple); font-family:var(--sans); font-size:16px; font-weight:500; line-height:1.5; text-align:left; cursor:pointer; transition:box-shadow .2s ease; }
.discovery-booking-button:hover { box-shadow:0 5px 18px rgba(0,0,0,.15); }
.discovery-booking-button:focus-visible { outline:2px solid #fff; outline-offset:4px; }


body :is(.hero-cta, .about-cta, .service-offer-card details a.services-cta, .discovery-booking-button) { text-transform:uppercase; font:600 13px/1.4 var(--sans); letter-spacing:2.21px; padding:16px 24px; min-width:0; }
@media(min-width:1400px) { body :is(.hero-cta, .about-cta, .service-offer-card details a.services-cta, .discovery-booking-button) { font-size:16px; padding-top:20px; padding-bottom:20px; } }

.discovery-booking-button { white-space:normal; }
.compact-contact-actions { max-width:100%; }

@media(max-width:980px) { body :is(.hero-cta, .about-cta, .service-offer-card details a.services-cta, .discovery-booking-button) { padding-top:17px; padding-bottom:17px; } }

.hero-cta, .about-cta, .services-cta, .discovery-booking-button { gap:12px; }