.button{justify-content:center;align-items:center;gap:var(--app-space-2);min-width:200px;max-width:100%;min-height:var(--app-control-h);padding:0 var(--app-space-6);border-radius:var(--app-radius-control);color:var(--ink);font-size:var(--app-type-button-size);line-height:var(--app-type-button-line);font-weight:var(--app-type-button-weight);letter-spacing:var(--app-type-button-tracking);text-transform:uppercase;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color,color,opacity;transition-duration:var(--app-dur-micro);transition-timing-function:var(--app-ease);background:0 0;border:1px solid #0000;text-decoration:none;display:inline-flex;position:relative}.button:focus-visible{outline:var(--app-focus-ring);outline-offset:var(--app-focus-ring-offset)}.button__label{overflow-wrap:anywhere;min-width:0;transition:opacity var(--app-dur-state) var(--app-ease)}.button__arrow{transition:transform var(--app-dur-micro) var(--app-ease)}.button[data-variant=primary]{background:var(--app-control-primary);border-color:var(--app-control-primary);color:var(--paper)}.button[data-variant=secondary],.button[data-variant=destructive]{border-color:var(--app-line-interactive);color:var(--ink)}.button[data-variant=tertiary]{min-width:0;min-height:var(--app-tap);gap:var(--app-space-1);font-size:var(--app-type-body-strong-size);line-height:var(--app-type-body-strong-line);font-weight:var(--app-type-body-strong-weight);letter-spacing:0;text-transform:none;padding:0}@media (hover:hover){.button:not([aria-disabled=true],:disabled):hover .button__arrow{transform:translate(3px)}.button[data-variant=primary]:not([aria-disabled=true],:disabled):hover{background:var(--app-control-primary-hover);border-color:var(--app-control-primary-hover)}.button[data-variant=secondary]:not([aria-disabled=true],:disabled):hover,.button[data-variant=destructive]:not([aria-disabled=true],:disabled):hover{border-color:var(--app-line-interactive-hover)}.button[data-variant=tertiary]:not([aria-disabled=true],:disabled):hover .button__label{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}}.button[data-size=compact]:not([data-variant=tertiary]){min-width:120px;min-height:var(--app-control-h-compact);padding:0 var(--app-space-5);font-size:var(--app-type-utility-size);line-height:var(--app-type-utility-line);font-weight:var(--app-type-utility-weight);letter-spacing:var(--app-type-utility-tracking)}.button[data-width=full]{width:100%}.button:disabled,.button[aria-disabled=true]:not([data-loading]){opacity:var(--app-control-disabled-opacity);cursor:not-allowed}.button[data-loading]{cursor:progress}.button[data-loading] .button__label,.button[data-loading] .button__arrow{opacity:0}.button__busy{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.button[data-variant=primary] .button__busy .spinner{border-color:#ffffff4d;border-top-color:var(--paper)}.button__busy-text{display:none}@media (prefers-reduced-motion:reduce){.button__busy .spinner{display:none}.button__busy-text{display:inline}}