.fancy-btn{--b:3px;--s:.45em;--c:hsl(var(--primary));padding:calc(.5em + var(--s)) calc(.9em + var(--s));color:var(--c);--_p:var(--s);background:transparent;transition:.3s linear,color 0s,background-color 0s;outline:var(--b) solid #0000;outline-offset:.6em;font-size:16px;border:2px solid var(--c);user-select:none;-webkit-user-select:none;touch-action:manipulation;position:relative;overflow:hidden}.fancy-btn:focus-visible,.fancy-btn:hover{--_p:0px;outline-color:var(--c);outline-offset:.05em;border-color:transparent}.fancy-btn:active{background:var(--c);color:hsl(var(--primary-foreground))}.fancy-btn .text{font-family:var(--font-headline);position:relative;z-index:2;font-weight:700;font-size:1.1rem;letter-spacing:.1em;transition:color .4s ease-in-out}.fancy-btn:hover .text{color:hsl(var(--primary-foreground))}.fancy-btn .blob{position:absolute;width:50px;height:50px;background-color:var(--c);border-radius:50%;z-index:1;transform:translate(-50%,-50%) scale(0);transition:transform .4s ease-in-out;pointer-events:none}.fancy-btn:hover .blob{transform:translate(-50%,-50%) scale(10)}