Feedback Rating Form

<div class="max-w-md mx-6 p-8 bg-white rounded-3xl border border-slate-200 shadow-sm text-center">
        <h3 class="text-xl font-bold mb-2 text-slate-900 font-bold">How are we doing?</h3>
        <p class="text-slate-500 mb-6 text-sm">Rate your experience using our platform.</p>
        <div class="flex justify-center gap-4 mb-8">
            <button
                class="w-12 h-12 rounded-xl bg-slate-50 text-2xl flex items-center justify-center hover:bg-indigo-100 hover:text-indigo-600 transition-all active:scale-95">🙁</button>
            <button
                class="w-12 h-12 rounded-xl bg-slate-50 text-2xl flex items-center justify-center hover:bg-indigo-100 hover:text-indigo-600 transition-all active:scale-95">😐</button>
            <button
                class="w-12 h-12 rounded-xl bg-indigo-600 text-2xl flex items-center justify-center shadow-lg shadow-indigo-100 active:scale-95">😊</button>
            <button
                class="w-12 h-12 rounded-xl bg-slate-50 text-2xl flex items-center justify-center hover:bg-indigo-100 hover:text-indigo-600 transition-all active:scale-95">😍</button>
        </div>
        <textarea
            class="w-full p-4 bg-slate-50 border-none rounded-2xl mb-4 text-sm outline-none focus:ring-2 focus:ring-indigo-500/20"
            placeholder="Any additional feedback?"></textarea>
        <button
            class="w-full py-3 bg-slate-900 text-white rounded-xl font-bold hover:bg-black transition-all active:scale-95">Submit
            Feedback</button>
    </div>