.df-button[data-v-7842f500]{align-items:center;animation-duration:.3s;animation-timing-function:cubic-bezier(0,0,.2,1);border-radius:var(--button-default-rounded);color:var(--button-text-color);display:flex;font-family:var(--font-default),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:14px;font-weight:500;gap:.25rem;justify-content:center;letter-spacing:0;line-height:20px;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.df-button[data-v-7842f500] svg{height:20px}.df-button.icon-right[data-v-7842f500]{flex-direction:row-reverse}.df-button.default[data-v-7842f500]{background-color:var(--button-default-background);color:var(--button-default-text-color)}.df-button.default[data-v-7842f500]:hover{opacity:.9}.df-button.disabled[data-v-7842f500]{background-color:var(--button-disabled-background);color:var(--button-disabled-text-color)}.df-button.disabled[data-v-7842f500]:hover{opacity:.9}.df-button.secondary[data-v-7842f500]{background-color:transparent;border-color:var(--button-secondary-border-color);border-width:1px;color:var(--button-secondary-text-color)}.df-button.secondary[data-v-7842f500]:hover{background-color:var(--button-secondary-hover-background);color:var(--button-secondary-hover-text-color)}.df-button.secondary .label[data-v-7842f500]{color:var(--button-secondary-label-text-color)}.df-button.secondary .label[data-v-7842f500]:hover{color:var(--button-secondary-hover-label-text-color)}.df-button.ghost[data-v-7842f500]{color:var(--button-ghost-text-color)}.df-button.extra-small[data-v-7842f500]{height:2rem;padding:.375rem 1rem}.df-button.iconic.extra-small[data-v-7842f500]{height:2rem;padding:.375rem;width:2rem}.df-button.small[data-v-7842f500]{height:2.25rem;padding:.5rem 1rem}.df-button.iconic.small[data-v-7842f500]{height:2.25rem;padding:.5rem;width:2.25rem}.df-button.medium[data-v-7842f500]{height:2.5rem;padding:.625rem 1.25rem}.df-button.iconic.medium[data-v-7842f500]{height:2.5rem;padding:.625rem;width:2.5rem}.df-button.large[data-v-7842f500]{height:2.75rem;padding:.75rem 1.5rem}.df-button.iconic.large[data-v-7842f500]{height:2.75rem;padding:.75rem;width:2.75rem}