@layer solidjs-modular-components{.solidjs-modular-components-Button_root{box-sizing:border-box;padding:.4em .9em;border:none;border-radius:.4em;background-color:var(--solidjs-modular-components-Button-button-color);color:var(--solidjs-modular-components-inverted-text-color);font:inherit;&:disabled{background-color:color-mix(in oklab,var(--solidjs-modular-components-Button-button-color) 34%,var(--solidjs-modular-components-background-color));cursor:not-allowed}&:not(:disabled){cursor:pointer;@media (any-hover: hover){&:hover{background-color:oklch(from var(--solidjs-modular-components-Button-button-color) calc(l - .05) c h)}}&:active{background-color:oklch(from var(--solidjs-modular-components-Button-button-color) calc(l - .1) c h)}}}}