.swap-btn background: #1f5438; border: none; color: white; font-weight: 600; padding: 10px 24px; border-radius: 40px; font-size: 0.9rem; cursor: pointer; transition: 0.2s; display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); .swap-btn:hover background: #123d26; transform: scale(0.97);
<div class="card"> <h1>⚖️ KG → Viss</h1> <div class="sub">Myanmar traditional weight unit · 1 viss = 1.6329 kg</div> kg to viss calculator
// Swap button event const swapBtn = document.getElementById('swapButton'); swapBtn.addEventListener('click', swapMode); .swap-btn background: #1f5438