Soft Pill Buttons

<div class="container py-5">
  <h3 class="mb-4 fw-bold">Soft Pills</h3>
  <div class="d-flex flex-wrap gap-3">
    <button class="btn rounded-pill px-4 py-2 fw-semibold" style="background:#eff6ff;color:#1d4ed8">Info</button>
    <button class="btn rounded-pill px-4 py-2 fw-semibold" style="background:#f0fdf4;color:#166534">Success</button>
    <button class="btn rounded-pill px-4 py-2 fw-semibold" style="background:#fff7ed;color:#c2410c">Warning</button>
    <button class="btn rounded-pill px-4 py-2 fw-semibold" style="background:#fef2f2;color:#b91c1c">Danger</button>
    <button class="btn rounded-pill px-4 py-2 fw-semibold" style="background:#faf5ff;color:#7c3aed">Purple</button>
  </div>
</div>