/* Reference button: orange outline at rest, orange fill on hover. */
:root{--button-orange:#ff5e1f}
:root body :is(.button,.secondary-button,.small-button,.plan button,.billing button,.admin-tabs button){
 --tw-bg-opacity:1;
 background-color:transparent;color:var(--text);border:1px solid var(--button-orange);border-radius:12px;
 box-shadow:none;transform:none;
 transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
 transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:.5s;
}
:root body :is(.button,.secondary-button,.small-button,.plan button,.billing button,.admin-tabs button):not(:disabled):not([aria-disabled=true]):is(:hover,:active),
:root body :is(.billing button.active,.admin-tabs button.active){background-color:rgb(255 94 31 / var(--tw-bg-opacity,1));border-color:var(--button-orange);color:#000;box-shadow:none;transform:none}
:root body :is(.button,.secondary-button,.small-button,.plan button,.billing button,.admin-tabs button):focus-visible{outline:2px solid var(--button-orange);outline-offset:3px}
:root body :is(.button,.secondary-button,.small-button,.plan button,.billing button,.admin-tabs button):is(:disabled,[aria-disabled=true]){background:transparent;color:var(--muted);border-color:var(--line);cursor:not-allowed;box-shadow:none;transform:none}
:root body .billing button small{color:inherit}
@media(prefers-reduced-motion:reduce){:root body :is(.button,.secondary-button,.small-button,.plan button,.billing button,.admin-tabs button){transition-duration:0s}}