.dx-button{cursor:pointer;border:none;border-radius:.5rem;padding:8px 18px;font-size:1rem;transition:background-color .2s,color .2s,opacity .2s}.dx-button:focus-visible{box-shadow:0 0 0 2px var(--focused-border-color)}.dx-button:disabled{cursor:not-allowed;opacity:.5}.dx-button[data-style=primary]{background-color:var(--secondary-color-2);color:var(--primary-color)}.dx-button[data-style=primary]:not(:disabled):hover{background-color:var(--secondary-color-1)}.dx-button[data-style=secondary]{background-color:var(--primary-color-5);color:var(--secondary-color-1)}.dx-button[data-style=secondary]:not(:disabled):hover{background-color:var(--primary-color-4)}.dx-button[data-style=ghost]{color:var(--secondary-color-4);background-color:transparent}.dx-button[data-style=ghost]:not(:disabled):hover{background-color:var(--primary-color-5);color:var(--secondary-color-1)}.dx-button[data-style=outline]{border:1px solid var(--primary-color-6);background-color:var(--light,var(--primary-color)) var(--dark,var(--primary-color-3));color:var(--secondary-color-4)}.dx-button[data-style=outline]:not(:disabled):hover{background-color:var(--primary-color-4)}.dx-button[data-style=destructive]{background-color:var(--primary-error-color);color:var(--contrast-error-color)}.dx-button[data-style=destructive]:not(:disabled):hover{background-color:var(--secondary-error-color)}