.pxbtn{--h: 196px;position:relative;display:block;height:var(--h);padding:0;border:0;background:none;font:inherit;cursor:pointer;pointer-events:auto;outline:none}.pxbtn__base{position:absolute;left:0;right:0;top:20px;height:calc(var(--h) - 20px);background:var(--ink)}.pxbtn__side{position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:var(--gold-dd)}.pxbtn__top{position:absolute;left:0;right:0;top:0;height:calc(var(--h) - 20px);transition:transform .06s steps(2)}.pxbtn.is-pressed .pxbtn__top{transform:translateY(16px)}.pxbtn__rim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink)}.pxbtn__face{position:absolute;top:8px;right:8px;bottom:8px;left:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:34px;background:var(--gold);box-shadow:inset 0 10px 0 var(--gold-l),inset 0 -14px 0 var(--gold-d),inset 10px 0 #ffe27a,inset -10px 0 #f4bb2a}.pxbtn__label{font-weight:950;font-size:var(--label, 104px);line-height:1;color:var(--ink);text-shadow:0 6px 0 var(--gold-d)}.pxbtn__play{width:48px;height:72px;fill:var(--ink);filter:drop-shadow(0 6px 0 var(--gold-d));transform:scaleX(-1);animation:play-nudge 1.2s steps(2) infinite}@keyframes play-nudge{50%{translate:-8px 0}}.pxbtn__shine{position:absolute;top:0;bottom:0;left:0;will-change:transform;width:90px;background:linear-gradient(90deg,transparent 0 18px,rgba(255,255,255,.75) 18px 48px,transparent 48px 60px,rgba(255,255,255,.75) 60px 72px,transparent 72px);animation:shine 3.4s steps(24) infinite}@keyframes shine{0%{transform:translate(-120px) skew(-20deg)}45%,to{transform:translate(1100px) skew(-20deg)}}