.button[data-v-0d634a02]{align-items:center;background-color:transparent;border:none;border-radius:100vh;color:var(--color);cursor:pointer;display:flex;isolation:isolate;justify-content:center;margin:0;outline:max(calc(var(--layout-spacing)*.1),2px) solid var(--color);outline-offset:calc(max(calc(var(--layout-spacing) * .1),2px)*-1);padding:0;position:relative;transition:outline .25s ease-in-out,outline-offset .25s ease-in-out}.button.highlighted[data-v-0d634a02]{background-color:var(--tint-transparent-1);color:var(--tint);cursor:default;outline:none}.button-content[data-v-0d634a02]{align-items:center;color:var(--color);display:flex;justify-content:center;transition:color .25s ease-in-out}.button.highlighted .button-content[data-v-0d634a02]{color:var(--tint)}.button[data-v-0d634a02]:not(.highlighted):hover{outline:calc(max(calc(var(--layout-spacing) * .1),2px)*2) solid transparent;outline-offset:calc(max(calc(var(--layout-spacing) * .1),2px)*2)}.button:not(.highlighted):hover .button-content[data-v-0d634a02]{color:var(--color-hover)}.button-background[data-v-0d634a02]{background-color:var(--color);border-radius:100vh;height:100%;left:50%;opacity:0;position:absolute;scale:0;top:50%;transform-origin:var(--mouse-x) var(--mouse-y);transition:scale .25s ease-in-out,opacity .25s ease-in-out;translate:-50% -50%;width:100%;z-index:-1}.button:not(.highlighted):hover .button-background[data-v-0d634a02]{opacity:1;scale:1}