FAQ Accordion UI

<div class="max-w-2xl w-full mx-6 space-y-4">
        <div class="border border-slate-200 rounded-2xl overflow-hidden bg-white">
            <button
                class="w-full flex justify-between items-center p-6 text-left font-bold text-slate-900 bg-white hover:bg-slate-50 transition-colors outline-none">
                What is the refund policy?
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path d="M19 9l-7 7-7-7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
            </button>
            <div class="px-6 pb-6 text-slate-500 text-sm leading-relaxed">
                We offer a 30-day no-questions-asked refund policy for all our subscription plans. Simply email our
                support team and we will handle the rest within 24 hours.
            </div>
        </div>
        <div class="border border-slate-200 rounded-2xl overflow-hidden opacity-70 bg-white">
            <button
                class="w-full flex justify-between items-center p-6 text-left font-bold text-slate-900 bg-white outline-none">
                How do I invite my team?
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path d="M19 9l-7 7-7-7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
            </button>
        </div>
    </div>