Mini Pricing Cards

<div class="container py-5">
  <div class="row g-4">
    <div class="col-md-4">
      <div class="p-4 border rounded-4 h-100 bg-light">
        <h6 class="text-uppercase text-muted small">Starter</h6>
        <h2 class="fw-bold my-2">$0</h2>
        <ul class="list-unstyled small mb-3">
          <li>✓ 5 projects</li>
          <li>✓ Community support</li>
        </ul><a href="#" class="btn btn-outline-dark w-100">Choose</a>
      </div>
    </div>
    <div class="col-md-4">
      <div class="p-4 border-primary border-2 rounded-4 h-100 bg-primary text-white">
        <h6 class="text-uppercase small">Pro</h6>
        <h2 class="fw-bold my-2">$19<span class="fs-6">/mo</span></h2>
        <ul class="list-unstyled small mb-3">
          <li>✓ Unlimited projects</li>
          <li>✓ Priority support</li>
        </ul><a href="#" class="btn btn-light w-100">Choose</a>
      </div>
    </div>
    <div class="col-md-4">
      <div class="p-4 border rounded-4 h-100 bg-light">
        <h6 class="text-uppercase text-muted small">Business</h6>
        <h2 class="fw-bold my-2">$49<span class="fs-6">/mo</span></h2>
        <ul class="list-unstyled small mb-3">
          <li>✓ Team seats</li>
          <li>✓ Dedicated CSM</li>
        </ul><a href="#" class="btn btn-outline-dark w-100">Choose</a>
      </div>
    </div>
  </div>
</div>