.btn{vertical-align:middle;border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent;display:inline-flex}.btn:focus-visible{outline-offset:5px}.btn__body{--btn-shadow:none;border-radius:var(--radius-sm);box-shadow:var(--btn-shadow);will-change:transform;display:inline-grid}.btn__body--outline{--btn-shadow:none}.btn__face{justify-content:space-between;align-items:center;gap:var(--space-5);border:var(--border-thin) solid transparent;border-radius:var(--radius-sm);background:var(--face-bg);color:var(--face-fg);font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--text-base);white-space:nowrap;grid-area:1/1;padding:.875rem .875rem .875rem 1.5rem;line-height:1;display:inline-flex}.btn--sm .btn__face{gap:var(--space-3);font-size:var(--text-sm);padding:.5rem .5rem .5rem 1rem}.btn--sm .btn__chip{width:1.75rem;height:1.75rem}.btn--lg .btn__face{font-size:var(--text-md);padding:1rem 1rem 1rem 1.75rem}.btn__face--top{z-index:1;animation:1s steps(70,end) btn-paint-in;-webkit-mask-image:url(/button-mask.webp);mask-image:url(/button-mask.webp);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:7100% 100%;mask-size:7100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes btn-paint-in{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.btn__face--dark{--face-bg:var(--pb-ink-950);--face-fg:var(--pb-white);--chip:#ffffff1f}.btn__face--primary{--face-bg:var(--color-primary);--face-fg:var(--pb-white);--chip:#14191f29}.btn__face--light{--face-bg:var(--pb-white);--face-fg:var(--pb-ink-950);--chip:var(--pb-grey-100)}.btn__face--outline{--face-bg:var(--color-bg);--face-fg:var(--color-text-strong);--chip:#14191f0f;border-color:currentColor}.btn__label{letter-spacing:.01em;font-size:1.125em}.btn__chip{background:var(--chip);border-radius:4px;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;display:grid}.btn:disabled,.btn[aria-disabled=true]{opacity:.6;cursor:progress;pointer-events:none}.text-link{color:var(--color-accent);font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--text-md);letter-spacing:.01em;align-items:center;gap:.35em;display:inline-flex}.text-link__label{transition:background-size var(--dur-base) var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;padding-bottom:1px}.text-link:hover .text-link__label{background-size:100% 1.5px}.text-link svg{transition:transform var(--dur-base) var(--ease-spring)}.text-link--up-right:hover svg{transform:translate(3px,-3px)}.text-link--down:hover svg{transform:translateY(4px)}