Flex Icon Button

HTML_STRUCTURE

<button class='bh-btn-resp-5'><span>CONTINUE_</span> <svg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3'><path d='M5 12h14M12 5l7 7-7 7'/></svg></button>

CSS_STYLING

.bh-btn-resp-5 { display: flex; align-items: center; gap: 1rem; padding: 1.2rem 2rem; background: #111; color: #fff; border: 1px solid #222; font-weight: 900; cursor: pointer; transition: 0.3s; } .bh-btn-resp-5:hover { gap: 1.5rem; border-color: #fff; } @media (max-width: 480px) { .bh-btn-resp-5 { width: 100%; justify-content: center; } }

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