Double Frame Action

HTML_STRUCTURE

<button class='bh-btn-v2-df'>DATABASE_ACCESS</button>

CSS_STYLING

.bh-btn-v2-df { background: #000; color: #fff; border: 1px solid #fff; padding: 15px 30px; font-weight: 900; font-size: 12px; letter-spacing: 2px; position: relative; cursor: pointer; transition: 0.3s; } .bh-btn-v2-df::before { content: ''; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; border: 1px solid #333; transition: 0.3s; } .bh-btn-v2-df:hover { background: #fff; color: #000; } .bh-btn-v2-df:hover::before { border-color: #000; } @media (max-width: 480px) { .bh-btn-v2-df { width: 100%; } }

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