         
<input type="checkbox" id="slider" class="slider hidden" onclick="toggleDarkMode()">
<label for="slider"
    class="flex items-center w-16 h-8 p-1 transition duration-500 bg-gray-300 rounded-full cursor-pointer slider-label dark:bg-gray-700">
    <div class="w-6 h-6 transition duration-500 transform bg-white rounded-full shadow-md slider-circle"></div>
</label>

                <div class="btn-container">

                    <div @click.away="open = false" class="" x-data="{ open: true }">


    