@layer base{button{margin:var(--space-1);padding:var(--space-3) var(--space-4);cursor:pointer;transition:transform 0.24s cubic-bezier(0.2,0.85,0.3,1),box-shadow 0.24s cubic-bezier(0.2,0.85,0.3,1),filter 0.24s ease,background-color 0.24s ease,color 0.24s ease}button:active{transform:translate3d(0,0,0) scale(0.98)}button:focus-visible{outline:2px solid color-mix(in srgb,var(--color-accent-solid) 40%,transparent);outline-offset:2px}@media(prefers-reduced-motion:reduce){button{transition:none!important}button:hover,button:active{transform:none!important}}}