.button[data-v-72a3874d]{--bg:#e6e6e6;--fg:#0f0f0f;--button-fg:var(--fg);--hover-bg:var(--bg);overflow:hidden;position:relative;touch-action:none}.button[data-v-72a3874d]:nth-of-type(2){--button-bg:var(--fg);--hover-bg:var(--fg);color:var(--bg)}.button .back[data-v-72a3874d]{border-radius:100px;inset:0}.back>span[data-v-72a3874d],.button .back[data-v-72a3874d]{overflow:hidden;pointer-events:none;position:absolute}.back>span[data-v-72a3874d]{aspect-ratio:1;background:var(--hover-bg);border-radius:50%;display:inline-block;left:calc(var(--x, 0)*1px);mix-blend-mode:difference;top:calc(var(--y, 0)*1px);transform:translate(-50%,-50%) scale(var(--active,0));transition:transform .25s;width:50%}.button[data-v-72a3874d]:is(:hover){--active:1.5}.button[data-v-72a3874d]:active{--active:3}.button:active .back>span[data-v-72a3874d]{transition:transform .15s}@supports (transition-timing-function:linear(0,1)){.button:is(:hover,:focus-visible) .back>span[data-v-72a3874d]{transition-duration:.5s;transition-timing-function:linear(0,.5007 7.21%,.7803 12.29%,.8883 14.93%,.9724 17.63%,1.0343 20.44%,1.0754 23.44%,1.0898 25.22%,1.0984 27.11%,1.1014 29.15%,1.0989 31.4%,1.0854 35.23%,1.0196 48.86%,1.0043 54.06%,.9956 59.6%,.9925 68.11%,1)}}