sa-results-final-cta-white (CALL NOW) v2026-06-04
White full-width final CTA. Navy Georgia/Times New Roman headline with italic-orange 'Get It With Sam Aguiar.' line, $0-out-of-pocket / Bigger Share Guarantee subline, and an all-caps CALL NOW pill button.
Source skill: sa-results-final-cta · Updated 2026-06-15 12:32:42
When to use
Bottom-of-page closing CTA when a clean white finish fits better than the dark variant.
Rules & constraints
- Button text is ALL CAPS 'CALL NOW' (June 2026 decision). tel: href only. Orange-fill pill button. Pick one closing CTA per page.
- Duplicate UVP guard (2026-06-15): Use only one primary UVP/payoff block with this same message on a page or post. Do not pair this element with another Get More, You Focus, BSG always-get-more, sa-fcta-blk, generic white CTA, or sa-bottom-get-more-fw block that repeats the same primary message. During QA, keep the strongest single block and replace any other same-message break with a different visual element or a different UVP angle.
Live reference
Deployment notes
Variant B of two final-CTA variants (white full-width). No prior-results disclaimer line. Run pre-publish-qa and post-deploy Playwright visual QA. Duplicate UVP guard (2026-06-15): Use only one primary UVP/payoff block with this same message on a page or post. Do not pair this element with another Get More, You Focus, BSG always-get-more, sa-fcta-blk, generic white CTA, or sa-bottom-get-more-fw block that repeats the same primary message. During QA, keep the strongest single block and replace any other same-message break with a different visual element or a different UVP angle.
HTML
<section class="sa-cta-light"><div class="in"><h2>Get More. Get It Faster.<br><em>Get It With Sam Aguiar.</em></h2><p>$0 Out-Of-Pocket Forever. You only pay if we win, and with the Bigger Share Guarantee® you always get more.</p><a class="b" href="tel:5028888888"><svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor" aria-hidden="true"><path d="M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.6c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.4 0 .7-.2 1l-2.4 2.2z"></path></svg>CALL NOW</a></div></section>CSS
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
.sa-cta-light{--navy:#0B212D;--orange:#D97706;--font-display:Georgia,'Times New Roman',serif;--font-ui:'Poppins',system-ui,sans-serif;background:#fff;color:var(--navy);text-align:center;padding:64px 24px;border-top:1px solid #E9EEF0;border-radius:12px;margin-top:18px;border:1px solid #E9EEF0;}
.sa-cta-light .in{max-width:680px;margin:0 auto;}
.sa-cta-light h2{font-family:var(--font-display);font-weight:500;font-size:clamp(28px,4.6vw,46px);line-height:1.05;margin:0 0 16px;color:var(--navy);}
.sa-cta-light h2 em{font-style:italic;color:var(--orange);}
.sa-cta-light p{font-weight:400;font-size:17px;color:#3B4B54;margin:0 0 28px;}
.sa-cta-light .b{display:inline-flex;align-items:center;gap:10px;background:#0B212D;color:#fff;font-family:var(--font-ui);font-weight:700;font-size:18px;text-decoration:none;padding:16px 36px;border-radius:999px;transition:background .2s,color .2s;}.sa-cta-light .b:hover{background:linear-gradient(0deg,#000000 0%,#0B212D 100%);color:#D97706;}