Snackbar Big Privacy Policy - Tailwind Component

<section class="items-center justify-center min-h-screen min-w-full">
  <div class="items-center pt-24 space-y-8 mx-4 mb-12">
    <div
      class="max-w-5xl sm:mx-auto flex flex-row items-center bg-white dark:bg-gray-900 p-4 md:p-3 leading-none font-medium rounded-3xl shadow-2xl shadow-green-700">
      <div class="flex flex-col md:flex-row justify-between items-center">
        <div class="w-full md:w-3/4 items-center text-justify text-sm m-2">
          <h1 class="font-semibold text-lg sm:text-base text-gray-800">This Website uses cookies to ensure you get the best experience
            on our website.</h1>
          <p class="text-sm font-medium text-gray-700 mt-2">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Illum rem id in blanditiis porro?
            Accusantium porro voluptate inventore at molestias dolores rerum, nisi iste hic quam, in similique nam
            illum, illo sed. Nisi voluptatibus voluptates ipsa culpa dolorum earum cumque consequatur voluptate harum,
            illo at incidunt, dolor accusantium eligendi sapiente.</p>
        </div>
        <div class="w-full md:w-1/4 mt-4 md:mt-0 mx-auto items-center flex flex-col space-y-2">
          <button
            class="inline-block w-full md:w-auto font-semibold px-8 py-2 sm:py-4 shadow-lg bg-[#fff200] rounded-full text-black hover:text-[#fff200] hover:bg-black">
            Accept all
          </button>
          <button
            class="inline-block w-full md:w-auto font-semibold px-6 py-2 sm:py-4 shadow-lg bg-[#fff200] rounded-full text-black hover:text-[#fff200] hover:bg-black">
            Disable all
          </button>
          <button class="font-semibold px-6 py-2 text-black dark:text-gray-100 hover:underline">
            Cookie preferences
          </button>
        </div>
      </div>
    </div>
  </div>
</section>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

  body {
    font-family: 'Space Mono', monospace;
  }
</style>