<div id="banner_modal" class="fixed group top-0 group-active:hidden start-0 w-full z-50 p-4 border border-gray-200 bg-gray-50">
    <div class="flex justify-center items-center w-full">
        <p class="flex justify-center items-center text-sm text-center w-[100%] font-normal text-gray-500 dark:text-gray-400">
            <%= text%>
        </p>
        <button class="w-fit text-slate-500 p-3 hover:bg-slate-200 rounded-lg" onclick="myFunction()">
            <svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
            </svg>
        </button>
    </div>
</div>
<script>
    function myFunction() {
      document.getElementById("banner_modal").remove();
    }
</script>