Cta Eight

<div
  class="bg-white pt-6 pb-6 py-6 sm:pt-8 sm:pb-8 sm:py-8 lg:pt-12 lg:pb-12 lg:py-12"
>
  <div
    class="ml-auto mr-auto mx-auto max-w-screen-2xl pl-4 pr-4 px-4 md:pl-8 md:pr-8 md:px-8"
  >
    <div
      class="flex flex-col items-center justify-between gap-4 rounded-lg bg-gray-100 pt-4 pr-4 pb-4 pl-4 sm:flex-row md:pt-8 md:pr-8 md:pb-8 md:pl-8"
    >
      <div class>
        <h2 class="text-xl font-bold text-indigo-500 md:text-2xl">
          Get instant access today
        </h2>
        <p class="text-gray-600">Try all features with no upfront commitment</p>
      </div>
      <a
        href="#"
        class="inline-block transition duration-100 active:bg-indigo-700 rounded-lg bg-indigo-500 pl-8 pr-8 px-8 pt-3 pb-3 py-3 text-center text-sm font-semibold text-white outline-none ring-indigo-300 hover:bg-indigo-600 focus-visible:ring md:text-base"
      >
        Start now
      </a>
    </div>
  </div>
</div>