@layer components{.pocket-button{border:2px solid var(--p-ink);border-radius:var(--r-button);background:var(--p-sheet);min-height:46px;color:var(--p-ink);box-shadow:var(--shadow-button);text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font:700 15px/1.2 Bricolage Grotesque,sans-serif;text-decoration:none;transition:transform .12s ease-out,box-shadow .12s ease-out;display:inline-flex}.pocket-button>svg{flex-shrink:0}.pocket-button:hover{text-decoration:none}.pocket-button:hover:not(:disabled){transform:translateY(-1px)}.pocket-button:active:not(:disabled){box-shadow:var(--shadow-button-pressed);transform:translateY(3px)}.pocket-button:disabled{border-color:var(--pf-rim);background:var(--pf-display);color:var(--pf-muted);box-shadow:0 2px 0 var(--pf-rim);cursor:not-allowed}.pocket-button-cobalt{background:var(--p-cobalt);color:#fff}.pocket-button-tomato{background:var(--p-tomato)}.pocket-button-yellow{background:var(--p-yellow)}.pocket-button-sm{min-height:38px;padding:7px 14px;font-size:13px}@media (width<=899.98px),(pointer:coarse){.pocket-button-sm{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.pocket-button{transition:none}.pocket-button:hover:not(:disabled){transform:none}}}