Simple Center Modal

<div class="bg-white max-w-sm w-full mx-6 rounded-[2rem] shadow-2xl p-8 text-center border border-slate-200">
        <div
            class="w-16 h-16 bg-emerald-100 text-emerald-500 rounded-full flex items-center justify-center mx-auto mb-6">
            <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path d="M5 13l4 4L19 7" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
        </div>
        <h3 class="text-2xl font-bold mb-2 text-slate-900">Payment Success</h3>
        <p class="text-slate-500 mb-8">Your subscription has been successfully activated. Enjoy your pro features!</p>
        <button
            class="w-full py-3 bg-slate-900 text-white rounded-xl font-bold hover:bg-black transition-all active:scale-95">Back
            to Dashboard</button>
    </div>