.button[data-v-df03bd63]{--loader-color:var(--color-blue-crayola);text-wrap:nowrap;border-radius:9999px;flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.25rem;width:fit-content;height:2.25rem;padding-left:1rem;padding-right:1rem;font-family:Montserrat,Graphik;font-size:14px;font-style:normal;font-weight:600;line-height:20px;transition:transform 50ms linear;display:flex;position:relative;overflow:hidden}.button[data-v-df03bd63]:active:not(:disabled){transform:scale(.98)}.button span[data-v-df03bd63]{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.button.loading[data-v-df03bd63]{cursor:progress}.button .loader[data-v-df03bd63]{z-index:0;opacity:0;background:linear-gradient(70deg,#fff0 20%,#ffffff80 50%,#fff0 80%);animation:2s infinite glare-df03bd63;position:absolute;inset:0;transform:translate(-100%)}.button--default[data-v-df03bd63]{--main-color:var(--color-blue-crayola);--hover-color:var(--color-light-denim);--secondary-color:var(--color-periwinkle);--border-color:var(--color-smoky-white)}.button--danger[data-v-df03bd63]{--main-color:var(--color-red);--hover-color:var(--color-vermilion-bird);--secondary-color:var(--color-dull-pink);--border-color:var(--color-dull-pink)}.button--primary[data-v-df03bd63]{--loader-color:var(--color-white);color:var(--color-white);background-color:var(--main-color)}.button--primary[data-v-df03bd63]:disabled:not(.loading){cursor:default;background-color:var(--color-smoky-white);color:var(--color-tele-gray)}.button--primary[data-v-df03bd63]:hover:not(:disabled):not(.loading){background-color:var(--hover-color)}.button--secondary[data-v-df03bd63]{--loader-color:var(--main-color);background-color:var(--secondary-color);color:var(--main-color)}.button--secondary[data-v-df03bd63]:disabled:not(.loading){cursor:default;background-color:var(--color-smoky-white);color:var(--color-tele-gray)}.button--secondary[data-v-df03bd63]:hover:not(:disabled):not(.loading){color:var(--hover-color)}.button--outline[data-v-df03bd63]{--loader-color:var(--main-color);background-color:var(--color-white);color:var(--main-color);border-width:1px;border-color:var(--border-color)}.button--outline[data-v-df03bd63]:disabled:not(.loading){cursor:default;border-color:var(--color-smoky-white);color:var(--color-tele-gray)}.button--outline[data-v-df03bd63]:hover:not(:disabled):not(.loading){color:var(--hover-color)}@keyframes glare-df03bd63{0%{opacity:0;transform:translate(-100%)}10%{opacity:0}40%{opacity:1}60%{opacity:0}to{opacity:0;transform:translate(100%)}}
