.btn[data-v-ecc960d1]{--button-bg:var(--color-white);--button-color:var(--color-main-primary);--button-border:var(--color-white);--button-hover-bg:var(--color-main-hover);--button-hover-color:var(--color-main-primary);--button-hover-border:var(--color-white);background-color:var(--button-bg);border-color:var(--button-border);border-width:.1rem;color:var(--button-color)}.btn[data-v-ecc960d1]:focus,.btn[data-v-ecc960d1]:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}.btn[disabled][data-v-ecc960d1]{cursor:not-allowed;opacity:.5;pointer-events:none}.btn--invert[data-v-ecc960d1]{--button-bg:var(--color-invert);--button-color:var(--color-invert-primary);--button-border:var(--color-invert);--button-hover-bg:var(--color-invert-hover);--button-hover-color:var(--color-invert-primary);--button-outline-color:var(--color-invert)}.btn--main[data-v-ecc960d1]{--button-bg:var(--color-main);--button-color:var(--color-main-primary);--button-color-outline:var(--color-main-primary);--button-border:var(--color-main);--button-hover-bg:var(--color-main-hover);--button-outline-color:var(--color-main-primary)}.btn--main-secondary[data-v-ecc960d1]{--button-bg:var(--color-main);--button-color:var(--color-main-secondary);--button-color-outline:var(--color-main-secondary);--button-border:var(--color-main-border);--button-hover-bg:var(--color-main-hover);--button-outline-color:var(--color-main-secondary)}.btn--sub[data-v-ecc960d1]{--button-bg:var(--color-sub);--button-color:var(--color-main-primary);--button-border:var(--color-sub);--button-hover-bg:var(--color-sub-hover);--button-hover-color:var(--color-main-primary);--button-outline-color:var(--color-sub)}.btn--gradient[data-v-ecc960d1]{--button-color:var(--color-invert-primary);--button-hover-color:var(--color-invert-primary);background-image:linear-gradient(to right,var(--tw-gradient-stops));border-width:0;--tw-gradient-from:color-mix(in srgb,var(--color-brand) 100%,transparent) var(--tw-gradient-from-position);--tw-gradient-to:color-mix(in srgb,var(--color-brand) 0%,transparent) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:color-mix(in srgb,var(--color-misc-brand) 100%,transparent) var(--tw-gradient-to-position)}.btn--gradient[data-v-ecc960d1]:hover{--tw-gradient-to:color-mix(in srgb,var(--color-brand) 100%,transparent) var(--tw-gradient-to-position)}.btn--light[data-v-ecc960d1]{--button-color:var(--color-main-secondary)}.btn--light .btn__label[data-v-ecc960d1]{font-weight:400}.btn--sm[data-v-ecc960d1]{padding-bottom:.8rem;padding-top:.8rem}.btn--xs[data-v-ecc960d1]{padding-bottom:.4rem;padding-top:.4rem}.btn--icon-xs .icon[data-v-ecc960d1]{font-size:1.6rem;height:1.6rem;line-height:1.6rem;width:1.6rem}.btn--rounded[data-v-ecc960d1]{border-radius:9999px}.btn--outline[data-v-ecc960d1]{--button-bg:transparent;--button-color:var(--button-outline-color);--button-hover-bg:var(--button-border)}.btn--underline[data-v-ecc960d1]{--button-hover-bg:transparent}.btn--underline .btn__label[data-v-ecc960d1]{border-bottom-width:.1rem;border-color:transparent}.btn--underline:focus .btn__label[data-v-ecc960d1],.btn--underline:hover .btn__label[data-v-ecc960d1]{border-color:var(--button-color)}