.pbtn{isolation:isolate;background:var(--brand);color:var(--brand-ink);cursor:pointer;box-shadow:var(--neuro-shadow-raised-sm);border:none;justify-content:center;align-items:center;transition:transform .7s cubic-bezier(.16,1,.3,1),box-shadow .7s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;transform:translate(0,0)}.pbtn:after{content:"";filter:blur(.4px)drop-shadow(0 0 10px #ffffff1f);opacity:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000 0%,#ffffff04 20%,#ffffff1f 35%,#ffffffe6 50%,#ffffff1f 65%,#ffffff04 80%,#0000 100%);width:17%;height:420%;transition:left 1.15s cubic-bezier(.16,1,.3,1),opacity .4s;position:absolute;top:-160%;left:-55%;transform:rotate(34deg)translate(0,0)}.pbtn:hover:after{opacity:1;left:145%}.pbtn__label{justify-content:center;align-items:center;gap:inherit;white-space:nowrap;z-index:2;will-change:transform, opacity;transition:transform .75s cubic-bezier(.16,1,.3,1),opacity .35s;display:inline-flex}.pbtn__label--out{opacity:1;transform:translate(0,0)}.pbtn__label--in{opacity:0;position:absolute;inset:0;transform:translate(-100%)}.pbtn:hover .pbtn__label--out,.pbtn:focus-visible .pbtn__label--out{opacity:0;transform:translate(105%)}.pbtn:hover .pbtn__label--in,.pbtn:focus-visible .pbtn__label--in{opacity:1;transform:translate(0,0)}@media (hover:hover) and (pointer:fine){.pbtn:hover{box-shadow:var(--neuro-shadow-raised);transform:translate(0,0)}}html.dark .pbtn:after{filter:blur(.4px)drop-shadow(0 0 10px #0000002e);background:linear-gradient(90deg,#0000 0%,#00000005 20%,#00000024 35%,#0000008c 50%,#00000024 65%,#00000005 80%,#0000 100%)}.pbtn:active,.pbtn[data-pressed=true]{transition:transform .12s ease-out,box-shadow .12s ease-out;transform:scale(.985);box-shadow:inset 7px 7px 15px #0006,inset -7px -7px 15px #ffffff24}.pbtn:focus-visible{outline:2px solid var(--brand);outline-offset:5px}.pbtn[aria-disabled=true],.pbtn:disabled{cursor:default}.pbtn:disabled:hover,.pbtn[aria-disabled=true]:hover{box-shadow:var(--neuro-shadow-raised-sm);transform:none}@media (hover:none) and (pointer:coarse){.pbtn:after,.pbtn__label--in{display:none}}@media (prefers-reduced-motion:reduce){.pbtn,.pbtn:after,.pbtn__label{transition:none!important}.pbtn:hover{transform:none}}@media (hover:none) and (pointer:coarse){.pbtn:hover{box-shadow:var(--neuro-shadow-raised-sm)}}