.click-counter{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px 30px;border-top:1px solid #b4c5bd;border-bottom:1px solid #b4c5bd;padding:16px 4px;margin:0 0 24px;color:#284a42}
.click-label{font:10px monospace;letter-spacing:.1em}.click-counter p{margin:5px 0 0;font-size:13px;color:#5c716f}
.click-total{font:500 clamp(28px,4vw,44px)/1 monospace;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.click-add{cursor:pointer;border:1px solid #284a42;background:#284a42;color:#f7f7f2;border-radius:4px;padding:13px 20px;font:14px/1.4 inherit;transition:transform .12s,background .12s}
.click-add:hover{background:#3a6559}.click-add:active{transform:scale(.94)}.click-add:focus-visible{outline:2px solid #4f7b70;outline-offset:4px}
.click-counter small{grid-column:2/4;text-align:right;font:10px/1.5 monospace;color:#5c716f}
@media(max-width:600px){.click-counter{grid-template-columns:1fr auto;gap:12px}.click-counter>div{grid-column:1/-1}.click-total{font-size:36px}.click-add{padding:11px 14px}.click-counter small{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.click-add{transition:none}.click-add:active{transform:none}}