Accordion

<article class="grid gap-4 font-['Inter']">
    <details class="p-4 rounded-3xl border-2 border-b-[0.75rem] border-black open:bg-orange-300" name="accordion" open>
        <summary class="block">
            <header class="flex justify-between items-center">
                <span class="font-medium text-2xl">Send Money</span>
                <div
                    class="w-12 h-12 grid place-items-center border-2 border-solid border-black rounded-full outline-none cursor-pointer bg-white">
                    <img class="w-5" src="https://img.icons8.com/?size=100&id=3220&format=png&color=000000" />
                </div>
            </header>
        </summary>
        <article class="mt-8 text-sm">
            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sequi magni, impedit nam laudantium deserunt
            dolore qui earum molestiae voluptatem! At.
        </article>
    </details>
    <details class="p-4 rounded-3xl border-2 border-b-[0.75rem] border-black open:bg-orange-300" name="accordion">
        <summary class="block">
            <header class="flex justify-between items-center">
                <span class="font-medium text-2xl">Recieve Money</span>
                <div
                    class="w-12 h-12 grid place-items-center border-2 border-solid border-black rounded-full outline-none cursor-pointer bg-white">
                    <img class="w-5" src="https://img.icons8.com/?size=100&id=3220&format=png&color=000000" />
                </div>
            </header>
        </summary>
        <article class="mt-8 text-sm">
            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sequi magni, impedit nam laudantium deserunt
            dolore qui earum molestiae voluptatem! At.
        </article>
    </details>
    <details class="p-4 rounded-3xl border-2 border-b-[0.75rem] border-black open:bg-orange-300" name="accordion">
        <summary class="block">
            <header class="flex justify-between items-center">
                <span class="font-medium text-2xl">Cashback</span>
                <div
                    class="w-12 h-12 grid place-items-center border-2 border-solid border-black rounded-full outline-none cursor-pointer bg-white">
                    <img class="w-5" src="https://img.icons8.com/?size=100&id=3220&format=png&color=000000" />
                </div>
            </header>
        </summary>
        <article class="mt-8 text-sm">
            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sequi magni, impedit nam laudantium deserunt
            dolore qui earum molestiae voluptatem! At.
        </article>
    </details>
</article>