<div class="card w-full max-w-sm">
  <div class="card-content grid gap-6 card-content-lg">
    <h3 class="text-lg/snug font-semibold tracking-tight">Premium Plan</h3>
    <div>
      <span class="text-4xl font-bold sm:text-5xl">$29</span>
      <span class="text-muted-foreground ml-1">/ month</span>
    </div>
    <p class="text-sm/6 text-muted-foreground">
      Everything you need to scale your project and collaborate with your entire
      team.
    </p>
    <div class="separator"></div>
    <ul class="grid gap-4 text-sm">
      <li class="text-muted-foreground flex items-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 mr-4 text-primary"><path d="M20 6 9 17l-5-5"></path></svg>
        <span>Up to 10 team members</span>
      </li>
      <li class="text-muted-foreground flex items-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 mr-4 text-primary"><path d="M20 6 9 17l-5-5"></path></svg>
        <span>50GB cloud storage</span>
      </li>
      <li class="text-muted-foreground flex items-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 mr-4 text-primary"><path d="M20 6 9 17l-5-5"></path></svg>
        <span>Priority email support</span>
      </li>
      <li class="text-muted-foreground flex items-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 mr-4 text-primary"><path d="M20 6 9 17l-5-5"></path></svg>
        <span>Advanced analytics dashboard</span>
      </li>
      <li class="text-muted-foreground flex items-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 mr-4 text-primary"><path d="M20 6 9 17l-5-5"></path></svg>
        <span>API access</span>
      </li>
    </ul>
    <button class="btn btn-primary btn-lg w-full mt-2">Buy Now</button>
  </div>
</div>