Cards | emmanuelh dev yellow grasshopper 99

<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<div class="flex flex-col bg-black rounded-3xl">
                      <div class="px-6 py-8 sm:p-10 sm:pb-6">
                        <div class="grid items-center justify-center w-full grid-cols-1 text-left">
                          <div>
                            <h2 class="text-lg font-medium tracking-tighter text-white lg:text-3xl">
                              Corporate
                            </h2>
                            <p class="mt-2 text-sm text-gray-100">Grow steadily and pizza.</p>
                          </div>
                          <div class="mt-6">
                            <p>
                              <span class="text-5xl font-light tracking-tight text-white">
                                $35
                              </span>
                              <span class="text-base font-medium text-white"> /mo </span>
                            </p>
                          </div>
                        </div>
                      </div>
                      <div class="flex px-6 pb-8 sm:px-8">
                        <a aria-describedby="tier-starter" class="items-center justify-center w-full px-6 py-2.5 text-center text-black duration-200 bg-white border-2 border-white rounded-full nline-flex hover:bg-transparent hover:border-white hover:text-white focus:outline-none focus-visible:outline-white text-sm focus-visible:ring-white" href="#">
                          Get started
                        </a>
                      </div>