<div class="fixed bottom-0 z-20 w-full js-cookie-consent">
    <div class="p-4 text-sm text-white bg-gray-800">
        <div class="flex flex-col items-center justify-between gap-3 sm:flex-row">
            <p>
                {{ __('Your experience on this site will improve by allowing cookies') }}
            </p>
            <button
                class="flex items-center justify-center px-4 py-2 text-sm font-medium text-white duration-300 bg-blue-600 rounded-sm cursor-pointer js-cookie-consent-agree hover:bg-blue-700">
                {{ __('Allow Cookies') }}
            </button>
        </div>
    </div>
</div>
