Countdown Timer

<div class="cd" id="cd"><div class="cd-u"><span id="h">00</span><label>Hours</label></div><div class="cd-u"><span id="m">00</span><label>Min</label></div><div class="cd-u"><span id="s">00</span><label>Sec</label></div></div>

body{background:#f6f7fa}
.cd{display:flex;gap:14px;font-family:system-ui,sans-serif}
.cd-u{background:#1a1f36;border-radius:14px;padding:18px 16px;text-align:center;min-width:78px}
.cd-u span{display:block;font-size:34px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.cd-u label{font-size:11px;color:#8a93ad;text-transform:uppercase;letter-spacing:.05em}

var end=Date.now()+ (2*3600+34*60+12)*1000;
function pad(n){return String(n).padStart(2,'0')}
function tick(){var d=Math.max(0,end-Date.now()),t=Math.floor(d/1000);document.getElementById('h').textContent=pad(Math.floor(t/3600));document.getElementById('m').textContent=pad(Math.floor(t%3600/60));document.getElementById('s').textContent=pad(t%60)}
tick();setInterval(tick,1000);