Gradient Financing CTA Button with Icon

<button class="inline-flex gap-3 sm:h-14 sm:px-8 transition transform hover:scale-[1.02] hover:ring-2 hover:ring-white/20 text-white font-geist h-12 rounded-xl pr-6 pl-6 shadow-xl items-center" style="background: linear-gradient(135deg, #374151 0%, #4B5563 50%, #6B7280 100%); box-shadow: 0 12px 24px rgba(255, 255, 255, 0.12), inset 0 1px 0 rgba(255,255,255,0.08);">
            <span class="inline-flex items-center justify-center h-8 w-8 rounded-full bg-white/20">
              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="w-[20px] h-[20px]" data-icon-replaced="true" data-lucide="credit-card" style="width: 20px; height: 20px; color: rgb(255, 255, 255);"><rect width="20" height="14" x="2" y="5" rx="2" class=""></rect><line x1="2" x2="22" y1="10" y2="10" class=""></line></svg>
            </span>
            <span class="text-sm sm:text-base font-semibold tracking-tight font-geist">Apply for Financing</span>
          </button>