Fix Get Started button color — use inline style instead of Tailwind

Tailwind purges bg-orange-500 since it's not in the safelist.
Use inline style to guarantee the orange button renders.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
justin 2026-04-27 07:43:23 -05:00
parent 0cb9db66ad
commit 5016f2e2f3

View file

@ -521,7 +521,7 @@ import Base from "../../layouts/Base.astro";
html += `</div>`; html += `</div>`;
html += `<div id="total-row" class="mt-4 pt-4 border-t border-gray-200"></div>`; html += `<div id="total-row" class="mt-4 pt-4 border-t border-gray-200"></div>`;
html += `<div class="mt-4 text-center"> html += `<div class="mt-4 text-center">
<a id="get-started-btn" href="#" class="inline-block bg-orange-500 hover:bg-orange-600 text-white font-bold px-8 py-3 rounded-lg shadow-md transition text-sm"> <a id="get-started-btn" href="#" style="background:#f97316;color:#fff;font-weight:700;padding:12px 32px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1);display:inline-block;font-size:14px;text-decoration:none;">
Get Started &rarr; Get Started &rarr;
</a> </a>
</div>`; </div>`;