Success Toast Modal

<div
        class="flex items-center gap-4 bg-white p-4 rounded-2xl shadow-[0_20px_50px_rgba(0,0,0,0.1)] border border-slate-100 max-w-xs animate-bounce">
        <div class="w-10 h-10 bg-indigo-600 rounded-xl flex items-center justify-center text-white shrink-0">
            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
                <path
                    d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z">
                </path>
            </svg>
        </div>
        <div>
            <p class="font-bold text-sm text-slate-900">Message Sent!</p>
            <p class="text-xs text-slate-500">We'll get back to you soon.</p>
        </div>
        <button class="text-slate-300 ml-4 hover:text-slate-500">✕</button>
    </div>