Gradient SSO CTA Button with Icon

<button 
    id="sso-signup" 
    class="flex gap-2 w-full max-w-xs hover:from-fuchsia-600 hover:to-violet-600 focus:outline-none focus:ring-2 focus:ring-fuchsia-500/40 transition-all duration-200 hover:shadow-xl text-sm font-medium text-white bg-gradient-to-r from-fuchsia-500 to-violet-500 rounded-xl pt-3.5 pr-6 pb-3.5 pl-6 shadow-lg items-center justify-center mx-auto"
    onclick="continueWithSSO()">

    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 
        viewBox="0 0 24 24" fill="none" stroke="currentColor" 
        stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" 
        data-lucide="shield-check" 
        class="lucide lucide-shield-check h-4 w-4">
        <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path>
        <path d="m9 12 2 2 4-4"></path>
    </svg>

    <span id="sso-text">Start Free Trial</span>
</button>