<a class=”tsc-btn tsc-btn–primary” Appointments>
Make an Appointment
</a>
<!– 2) SUBMIT A PRIVATE OFFER (Secondary) –>
<a class=”tsc-btn tsc-btn–secondary” https://courtneyronay.com/submit-an-offer/>
Submit a Private Offer
</a>
</div>
<p class=”tsc-cta-note”>All inquiries are handled privately.</p>
<style>
/* ===== The Style Court CTA Buttons (safe to paste into WooCommerce description) ===== */
:root{
–tsc-gold: #B08A3C; /* warm muted gold */
–tsc-gold-dark: #8F6E2E; /* hover/pressed */
–tsc-ink: #2E2E2E;
–tsc-ivory: #FBF8F2;
}
.tsc-cta-row{
display:flex;
gap:14px;
align-items:center;
flex-wrap:wrap;
margin: 18px 0 8px;
}
.tsc-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:52px;
padding: 14px 22px;
border-radius: 999px;
font-size:16px;
letter-spacing: .2px;
text-decoration:none;
line-height:1;
font-family: inherit;
white-space: nowrap;
transition: transform .08s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease;
user-select:none;
-webkit-tap-highlight-color: transparent;
}
/* Primary button: gold filled */
.tsc-btn–primary{
background: linear-gradient(180deg, #C79B45 0%, var(–tsc-gold) 100%);
color: var(–tsc-ivory);
border: 1px solid var(–tsc-gold);
box-shadow: 0 10px 24px rgba(0,0,0,.10);
}
.tsc-btn–primary:hover{
background: var(–tsc-gold-dark);
border-color: var(–tsc-gold-dark);
box-shadow: 0 14px 30px rgba(0,0,0,.14);
}
/* Secondary button: refined outline */
.tsc-btn–secondary{
background: transparent;
color: var(–tsc-ink);
border: 1px solid rgba(176,138,60,.60);
}
.tsc-btn–secondary:hover{
border-color: var(–tsc-gold);
box-shadow: 0 10px 22px rgba(0,0,0,.06);
}
/* Interaction + accessibility */
.tsc-btn:active{ transform: translateY(1px); }
.tsc-btn:focus-visible{
outline: 2px solid rgba(176,138,60,.65);
outline-offset: 3px;
}
.tsc-cta-note{
margin: 0;
font-size: 13px;
color: rgba(46,46,46,.70);
}
/* Mobile: stack cleanly */
@media (max-width: 520px){
.tsc-cta-row{ flex-direction: column; align-items: stretch; }
.tsc-btn{ width: 100%; }
}
</style>