Modals 04

            
<div class="container mx-auto items-center text-center">
<div class="py-3 lg:py-6 px-6 rounded-lg shadow-lg w-full max-w-xl text-gray-600 relative border-t-8 border-gray-300">
  <div class="flex items-center space-x-4">
    <div>
      <span class="text-lg lg:text-2xl font-semibold text-gray-700">Do you want Cookies?</span>
      <p class="block mt-2 font-semibold">Of friendship on inhabiting diminution discovered as. Did friendly eat breeding building few nor.</p>
    </div>
    <a href="#" class="inline-block bg-gray-600 hover:bg-gray-500 font-semibold rounded-lg py-3 px-5 lg:px-4 text-white mt-6">Accept</a>
  </div>
  <button class="w-5 h-5 absolute top-3 right-3">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
      <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
    </svg>
  </button>
</div>
</div>