button{display:inline-flex;justify-content:center;align-items:center;gap:1ch;padding:.5em 1em;overflow:hidden;outline-style:none;border-radius:.5em;border-width:1px;border-style:solid;transition:all .1s;cursor:pointer;background-color:#f0f0f0;border-color:#ccc}button.text{border-width:0}button.elevated{box-shadow:0 2px 3px #ccc}button:hover{background-color:#e0e0e0}button:focus{background-color:#e0e0e0;border-color:#666}button:active{background-color:#d0d0d0;color:#202020}button.outlined,button.text{background-color:rgba(0,0,0,0);color:#333}button.outlined:hover,button.outlined:focus,button.text:hover,button.text:focus{background-color:#f0f0f0}button.outlined:active,button.text:active{background-color:#e0e0e0}button:disabled{background-color:#f0f0f0;border-color:#f0f0f0;color:#ccc;box-shadow:none;cursor:default}button.outlined:disabled,button.text:disabled{background-color:rgba(0,0,0,0)}button.elevated:disabled{box-shadow:0 2px 3px #e0e0e0}[data-color-scheme=dark] button{background-color:#333;border-color:#333;color:#ccc}[data-color-scheme=dark] button.elevated{box-shadow:0 2px 3px #333}[data-color-scheme=dark] button:hover{background-color:#303030}[data-color-scheme=dark] button:focus{background-color:#303030;border-color:#999}[data-color-scheme=dark] button:active{background-color:#404040;color:#f0f0f0}[data-color-scheme=dark] button.outlined,[data-color-scheme=dark] button.text{background-color:rgba(0,0,0,0);border-color:#999;color:#ccc}[data-color-scheme=dark] button.outlined:hover,[data-color-scheme=dark] button.outlined:focus,[data-color-scheme=dark] button.text:hover,[data-color-scheme=dark] button.text:focus{background-color:#202020}[data-color-scheme=dark] button.outlined:active,[data-color-scheme=dark] button.text:active{background-color:#333}[data-color-scheme=dark] button:disabled{background-color:#202020;border-color:#202020;color:#333}[data-color-scheme=dark] button.outlined:disabled,[data-color-scheme=dark] button.text:disabled{background-color:rgba(0,0,0,0)}[data-color-scheme=dark] button.elevated:disabled{box-shadow:0 2px 3px #202020}