*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#f7f7f5;color:#1a1a1a}.punch-btn{width:220px;height:220px;border-radius:50%;border:none;background:#1d9e75;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:transform .1s,background .2s}.punch-btn:hover:not(:disabled){background:#178a65}.punch-btn:active:not(:disabled){transform:scale(.97)}.punch-btn:disabled{background:#9fe1cb;cursor:wait}