/* ============================================================= ADORN CROFT — STANDALONE CTA BUTTON (ac/button block) Loaded on EVERY front-end page, deliberately. The block is meant to be dropped anywhere, so its styling can't live in product-lister.css or design-call.css the way the other buttons' does — placed on a page that doesn't happen to load one of those, it would render unstyled. For the same reason this file is self-contained: the --ac-* tokens are re-declared per stylesheet in this theme (see product-lister.css:13, about-us.css:9, blog.css:7 …) and none of those load site-wide, so a token referenced here could resolve to nothing. Values are identical to the existing declarations, so re-declaring them changes nothing. ============================================================= */ :root { --ac-btn-dark : #2B2A29; --ac-btn-cream : #F7F3EE; --ac-btn-moss : #E3E8D6; /* moss/misty green — the site-wide button hover, same value as --ac-footer-green and the .ac-btn--secondary / .ac-product-card-cta hovers */ --ac-btn-font : 'Satoshi Variable', system-ui, sans-serif; } /* ── Placement ───────────────────────────────────────────────────────── The wrapper owns the alignment so the button itself stays inline-flex and shrink-to-fit; text-align on a block-level parent is what actually centres an inline-flex child. */ .ac-button-block { display : block; width : 100%; /* Bottom margin only, and unconditional — the block is typically the LAST element in the content, with the next band coming from the template, so without it the button sits flush against that band. (A :last-child exception would zero it out in exactly that case.) Top spacing is left to whatever precedes it, which already brings its own. */ margin : 0 0 clamp(40px, 5vw, 72px); } .ac-button-block--left { text-align: left; } .ac-button-block--center { text-align: center; } .ac-button-block--right { text-align: right; } /* ── The button ──────────────────────────────────────────────────────── Matches .ac-btn + .ac-btn--dark (product-lister.css:338/351) — the same treatment as the "Book Free Design Call" CTA — but written out in full rather than reusing those classes, so it looks identical on pages that never load product-lister.css. Styled on both and