.button[data-v-ee4facd3]{position:relative;overflow:hidden}.button[data-v-ee4facd3]:not([disabled]){cursor:pointer}.button.dark[data-v-ee4facd3]{--button-bg: var(--colors-black);--button-backdrop: none;--button-text-hover: var(--colors-black);--button-bg-hover: var(--colors-ghost);color:var(--colors-white)}.button.dark[disabled][data-v-ee4facd3]{cursor:disabled;opacity:.5}.button.light[data-v-ee4facd3]{--button-bg: var(--colors-ghost);--button-backdrop: none;--button-text-hover: var(--colors-ghost);--button-bg-hover: var(--colors-black);color:var(--colors-black)}.button.light[disabled][data-v-ee4facd3]{cursor:disabled;opacity:.5}.button.ghost[data-v-ee4facd3]{--button-bg: hsla(0,0%,87%,0);--button-backdrop: blur(50px) brightness(1.1);--button-text-hover: var(--colors-ghost);--button-bg-hover: var(--colors-black)}.button[data-v-ee4facd3]:after,.button[data-v-ee4facd3]:before{content:"";position:absolute;inset:0;transform-origin:center;will-change:transform}.button[data-v-ee4facd3]:before{background:var(--button-bg, transparent);backdrop-filter:var(--button-backdrop, none);-webkit-backdrop-filter:var(--button-backdrop, none)}.button[data-v-ee4facd3]:after{background:var(--button-bg-hover, transparent);transform:scaleY(0);transform-origin:0 100%;will-change:opacity,transform;transition-property:opacity,transform,translate,scale,rotate,color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:.5s;transition-duration:.5s;--un-ease:var(--ease-custom-circ);transition-timing-function:var(--ease-custom-circ)}@media(prefers-reduced-motion:reduce){.button[data-v-ee4facd3]:after{will-change:auto;transition:none!important}}@property --un-ease{syntax:"*";inherits:false;}.button>span[data-v-ee4facd3]{position:relative;z-index:1}.button>span[data-v-ee4facd3]{display:flex}.button>span[data-v-ee4facd3]:after{content:attr(data-text);left:0;position:absolute;top:calc(var(--spacing)*12.5);will-change:transform}@media(pointer:fine)and (hover:hover){.button[data-v-ee4facd3]:hover:after{transition-delay:.1s;transform:scaleY(1)}.button:hover>span[data-v-ee4facd3]{color:var(--button-text-hover, transparent);transform:translateY(calc((var(--spacing)*12.5)*-1));transition-delay:.1s}.group-button:hover .button[data-v-ee4facd3]:after{transition-delay:.1s}.group-button:hover .button>span[data-v-ee4facd3]{transform:translateY(calc((var(--spacing)*12.5)*-1));transition-delay:.1s}}