.pixelbtn{--pb-bg:#10b981;--pb-bg-hi:#34d6a0;--pb-fg:#06100c;letter-spacing:-.01em;isolation:isolate;height:3rem;color:var(--pb-fg);background:var(--pb-bg);border-radius:.75rem;justify-content:center;align-items:center;padding:0 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.pixelbtn:active{transform:translateY(1px)}.pixelbtn_bg,.pixelbtn_bg-mid,.pixelbtn_bg-right{z-index:-1;position:absolute;inset:0}.pixelbtn_bg-mid{background:var(--pb-bg)}.pixelbtn_bg-right{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);gap:0;display:grid}.pixelbtn_bg-pixel{background:var(--pb-bg-hi);opacity:0;transform-origin:50%;width:100%;height:100%;transition:opacity .28s,transform .28s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--index,0) * 30ms);display:block;transform:scale(0)}.pixelbtn:hover .pixelbtn_bg-pixel,.pixelbtn:focus-visible .pixelbtn_bg-pixel{opacity:1;transform:scale(1)}.pixelbtn_inner{z-index:1;display:inline-flex;position:relative}.pixelbtn_inner:after{content:attr(data-text);color:var(--pb-fg);clip-path:inset(0 100% 0 0);justify-content:center;align-items:center;transition:clip-path .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;inset:0}.pixelbtn:hover .pixelbtn_inner:after,.pixelbtn:focus-visible .pixelbtn_inner:after{clip-path:inset(0)}.pixelbtn_text{transition:opacity .25s}.pixelbtn:hover .pixelbtn_text,.pixelbtn:focus-visible .pixelbtn_text{opacity:0}.pixelbtn:focus-visible{outline:2px solid var(--pb-bg-hi);outline-offset:2px}@media (prefers-reduced-motion:reduce){.pixelbtn,.pixelbtn_bg-pixel,.pixelbtn_inner:after,.pixelbtn_text{transition:none}.pixelbtn_bg-pixel{opacity:0;transform:scale(0)}.pixelbtn_inner:after{clip-path:inset(0 100% 0 0)}.pixelbtn:hover .pixelbtn_text{opacity:1}}