.icon-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:42px;height:42px;transition:transform .3s var(--spring),border-color .2s;border-radius:50%;place-items:center;display:grid;position:relative}.icon-btn:hover{border-color:var(--line-2);transform:rotate(-8deg)}.icon-btn .dot{background:var(--crit);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;inset-block-start:9px;inset-inline-end:10px}@media (max-width:860px){.icon-btn{display:none}}.cw-x{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:34px;height:34px;color:var(--muted);transition:all .25s var(--ease);border-radius:50%;place-items:center;text-decoration:none;display:grid}.cw-x:hover{color:var(--ink);border-color:var(--line-2);transform:rotate(90deg)}a.cw-x:hover{transform:none}@media (pointer:coarse){.icon-btn,.cw-x{width:var(--touch-target);height:var(--touch-target)}}