<div class="relative flex min-h-screen flex-col justify-center overflow-hidden bg-gray-50 py-6 sm:py-12"> <div class="absolute inset-0 bg-center [mask-image:linear-gradient(180deg,white,rgba(255,255,255,0))]"></div> <div class="relative bg-white px-6 pt-10 pb-8 shadow-xl ring-1 ring-gray-900/5 sm:mx-auto sm:max-w-lg sm:rounded-lg sm:px-10"> <div class="mx-auto max-w-md text-center"> <h1 class="text-2xl font-bold mb-6">Button Example</h1> <button class="bg-blue-500 text-white p-2 rounded hover:bg-blue-400 transition duration-300"> <i class="iconoir-play text-xl"></i> <span class="ml-2">Click Me</span> </button> </div> </div> </div>
v