Industrial Pricing

PRO_TIER

$49/MO

HTML_STRUCTURE

<div class='bh-card-v2-price'><div class='bh-price-v2-top'>PRO_TIER</div><div class='bh-price-v2-amt'>$49<span>/MO</span></div><button class='bh-price-v2-btn'>INITIALIZE</button></div>

CSS_STYLING

.bh-card-v2-price { width: 100%; max-width: 260px; background: #000; border: 1px solid #222; text-align: center; overflow: hidden; } .bh-price-v2-top { background: #111; padding: 10px; font-size: 10px; font-weight: 900; color: #666; } .bh-price-v2-amt { padding: 30px 10px; font-size: 2.5rem; font-weight: 900; color: #fff; } .bh-price-v2-amt span { font-size: 12px; color: #333; } .bh-price-v2-btn { width: 100%; padding: 15px; background: #fff; border: none; font-weight: 900; cursor: pointer; transition: 0.3s; } .bh-price-v2-btn:hover { background: #00ff88; }

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