@layer theme,base;@layer components{.brand-button{--button-h:48px;min-height:var(--button-h);font-family:var(--font-brand);letter-spacing:-.005em;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), transform var(--dur-spring-snappy) var(--ease-spring-snappy);-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:16px;font-weight:600;display:inline-flex}.brand-button:active{transition-duration:var(--dur-instant);transform:scale(.97)}.brand-button-small{--button-h:38px;border-radius:10px;padding:0 15px;font-size:14.5px}.brand-button-saffron{background-color:var(--color-saffron);color:var(--color-indigo-night);box-shadow:inset 0 1px #ffffff73,inset 0 -1px #7a4d0040,0 1px 2px #0d0f264d,0 10px 22px -12px #f2a630d9}.brand-button-saffron:hover{background-color:var(--color-saffron-bright)}.brand-button-saffron:active{box-shadow:inset 0 2px 4px #7a4d0059,0 0 #0000}}@layer utilities;@media (prefers-reduced-motion:reduce){.brand-button{transition-duration:.01ms!important}.brand-button:active{transform:none}}