Pill Auto-Width

HTML_STRUCTURE

<button class='bh-btn-resp-4'>START_FREE</button>

CSS_STYLING

.bh-btn-resp-4 { border-radius: 999px; padding: 0.8rem 2.5rem; background: #fff; color: #000; border: 2px solid #fff; font-weight: 900; cursor: pointer; transition: 0.3s; } @media (max-width: 320px) { .bh-btn-resp-4 { padding: 0.6rem 1.5rem; font-size: 0.75rem; } } .bh-btn-resp-4:hover { background: transparent; color: #fff; }

// DESIGN_NOTES: Komponen ini menggunakan CSS variabel untuk memudahkan kustomisasi warna dan transisi.