.button[data-v-124a4ebd]{overflow:hidden;position:relative}.button[data-v-124a4ebd]:not([disabled]){cursor:pointer}.button.dark[data-v-124a4ebd]{--button-bg:var(--colors-black);--button-backdrop:none;color:var(--colors-white)}.button.light[data-v-124a4ebd]{--button-bg:#f2f2f2;--button-backdrop:none;color:var(--colors-black)}.button.ghost[data-v-124a4ebd]{--button-bg:hsla(0,0%,95%,0);--button-backdrop:blur(50px) brightness(1.1)}.button[data-v-124a4ebd]:after{backdrop-filter:var(--button-backdrop,none);-webkit-backdrop-filter:var(--button-backdrop,none);background:var(--button-bg,transparent);content:"";inset:0;position:absolute;transform:scale(1);transform-origin:center;will-change:transform;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:.7s;transition-duration:.7s;--un-ease:var(--ease-custom-circ);transition-timing-function:var(--ease-custom-circ)}@property --un-ease{syntax:"*";inherits:false;}.button[data-v-124a4ebd]>*{position:relative;z-index:1}.button>span[data-v-124a4ebd]{display:flex}.button>span[data-v-124a4ebd]: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-124a4ebd]:hover:after{transform:scale(.96);transition-delay:.1s}.button:hover>span[data-v-124a4ebd]{transform:translateY(calc((var(--spacing)*12.5)*-1));transition-delay:.1s}.group-button:hover .button[data-v-124a4ebd]:after{transform:scale(.96);transition-delay:.1s}.group-button:hover .button>span[data-v-124a4ebd]{transform:translateY(calc((var(--spacing)*12.5)*-1));transition-delay:.1s}}