.neu-btn{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:30px;border-radius:15px;background:#ecf0f6;color:#2d3748;font-size:13px;font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:500;letter-spacing:.01em;box-shadow:3px 3px 8px #a9a8b7,-3px -3px 8px #fff;transition:.18s ease-out;cursor:pointer;border:none;outline:none;z-index:1;text-shadow:0 1px 0 #fff,0 1.5px 2px #e0e5ec}.neu-btn.long{width:104px;height:30px;border-radius:15px}.neu-btn.xlong{width:180px;height:38px;border-radius:19px;font-size:14.5px;font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:500;letter-spacing:.01em;color:#2d3748;background:#e0e5ec;box-shadow:3px 3px 8px #a9a8b7,-3px -3px 8px #fff;text-shadow:0 1px 0 #fff,0 1.5px 2px #e0e5ec;transition:.18s ease-out}.neu-btn.long:hover,.neu-btn.xlong:hover,.neu-btn:hover{box-shadow:3px 3px 8px #a9a8b7,-3px -3px 8px #fff,inset -3px -3px 8px #fff,inset 3px 3px 8px #a9a8b7;background:#e0e5ec;color:#1a202c;transform:scale(1.03);transition:.18s ease-in}@media (max-width:700px){.neu-btn,.neu-btn.long{width:70vw;height:26px;font-size:10.5px;border-radius:13px}.neu-btn.xlong{width:90vw;height:34px;font-size:13px;border-radius:17px}}:root{--dark:0;--transition:0.28s;--font-size:0.8rem;--bg:#4e4a5f;--bg-light:#ecf0f6;--color:hsl(0 0% calc(var(--dark) * 100%))}@media(prefers-color-scheme:dark){:root{--dark:1}}.modern-animated-button{outline-color:hsl(0 0% calc(var(--dark) * 100%));--padding:calc(var(--font-size) * 0.75);cursor:pointer;letter-spacing:.01em;font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:500;background:var(--bg);font-size:var(--font-size);border-radius:calc(var(--font-size) * .5);border:4px solid hsl(0 0% calc((40 + (var(--dark) * 20)) * 1%)/calc(.3 + (var(--hovered, 0) * .8)));color:white;position:relative;transition:border-color var(--transition)}.modern-animated-button>span{background:var(--bg);padding:calc(var(--font-size) * .9) calc(var(--font-size) * 1.36);overflow:hidden;display:grid;grid-template-columns:calc((var(--font-size) * 1.75) * (1 - var(--hovered, 0))) 1fr calc((var(--font-size) * 1.75) * var(--hovered, 0));align-items:center;transition:grid-template-columns var(--transition)}.modern-animated-button:after{content:"";position:absolute;inset:calc(var(--font-size) * -.025);background:hsl(0 0% calc(var(--dark) * 100%)/.45);filter:blur(calc(var(--font-size) * .75));scale:var(--hovered,0);z-index:-1;transition:scale var(--transition)}.modern-animated-button:hover,.modern-animated-button:is(:focus-visible,:hover){--hovered:1}.modern-animated-button span span:first-of-type{padding-right:var(--padding);width:var(--font-size)}.modern-animated-button span span:nth-of-type(3){padding-left:var(--padding);width:var(--font-size)}.modern-animated-button span span:nth-of-type(3) svg{stroke-width:3;translate:calc((1 - var(--hovered, 0)) * (var(--font-size) * 3)) 8%;width:calc(var(--font-size) * 1);opacity:var(--hovered,0);transition:translate var(--transition) ease-in-out,opacity var(--transition) ease-in-out}.modern-animated-button span span:first-of-type svg{stroke-width:3;translate:calc(((var(--hovered, 0) * var(--font-size)) * -3) + 10%) 8%;width:calc(var(--font-size) * .8);transition:translate var(--transition) ease-in-out}.modern-animated-button-light{outline-color:hsla(0,0%,85%,.737);--padding:calc(var(--font-size) * 0.75);cursor:pointer;letter-spacing:.01em;font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:500;background:var(--bg-light);font-size:var(--font-size);border-radius:calc(var(--font-size) * .5);border:4px solid hsl(220 16% 94%);color:#111;position:relative;transition:border-color var(--transition)}.modern-animated-button-light>span{background:var(--bg-light);padding:calc(var(--font-size) * .9) calc(var(--font-size) * 1.36);overflow:hidden;display:grid;grid-template-columns:calc((var(--font-size) * 1.75) * (1 - var(--hovered, 0))) 1fr calc((var(--font-size) * 1.75) * var(--hovered, 0));align-items:center;transition:grid-template-columns var(--transition)}.modern-animated-button-light:after{content:"";position:absolute;inset:calc(var(--font-size) * -.025);background:hsl(0 0% calc(var(--dark) * 100%)/.45);filter:blur(calc(var(--font-size) * .75));scale:var(--hovered,0);z-index:-1;transition:scale var(--transition)}.modern-animated-button-light:hover,.modern-animated-button-light:is(:focus-visible,:hover){--hovered:1;border-color:hsl(220 16% 90%)}.modern-animated-button-light span span:first-of-type{padding-right:var(--padding);width:var(--font-size)}.modern-animated-button-light span span:nth-of-type(3){padding-left:var(--padding);width:var(--font-size)}.modern-animated-button-light span span:nth-of-type(3) svg{stroke-width:3;translate:calc((1 - var(--hovered, 0)) * (var(--font-size) * 3)) 8%;width:calc(var(--font-size) * 1);opacity:var(--hovered,0);transition:translate var(--transition) ease-in-out,opacity var(--transition) ease-in-out}.modern-animated-button-light span span:first-of-type svg{stroke-width:3;translate:calc(((var(--hovered, 0) * var(--font-size)) * -3) + 10%) 8%;width:calc(var(--font-size) * .8);transition:translate var(--transition) ease-in-out}.modern-animated-button-light-long{outline-color:hsla(0,0%,85%,.737);--padding:calc(var(--font-size) * 0.75);cursor:pointer;letter-spacing:.01em;font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:500;background:var(--bg-light);font-size:var(--font-size);border-radius:calc(var(--font-size) * .5);border:4px solid hsl(220 16% 94%);color:#111;position:relative;transition:border-color var(--transition);min-width:9rem;padding-left:1.5rem;padding-right:1.5rem}.modern-animated-button-light-long>span{background:var(--bg-light);padding:calc(var(--font-size) * .9) calc(var(--font-size) * 1.5);overflow:hidden;display:grid;grid-template-columns:calc((var(--font-size) * 1.75) * (1 - var(--hovered, 0))) 1fr calc((var(--font-size) * 1.75) * var(--hovered, 0));align-items:center;transition:grid-template-columns var(--transition)}.modern-animated-button-light-long:after{content:"";position:absolute;inset:calc(var(--font-size) * -.025);background:hsl(0 0% calc(var(--dark) * 100%)/.45);filter:blur(calc(var(--font-size) * .75));scale:var(--hovered,0);z-index:-1;transition:scale var(--transition)}.modern-animated-button-light-long:hover,.modern-animated-button-light-long:is(:focus-visible,:hover){--hovered:1;border-color:hsl(220 16% 90%)}.modern-animated-button-light-long span span:first-of-type{padding-right:var(--padding);width:var(--font-size)}.modern-animated-button-light-long span span:nth-of-type(3){padding-left:var(--padding);width:var(--font-size)}.modern-animated-button-light-long span span:nth-of-type(3) svg{stroke-width:3;translate:calc((1 - var(--hovered, 0)) * (var(--font-size) * 3)) 8%;width:calc(var(--font-size) * 1);opacity:var(--hovered,0);transition:translate var(--transition) ease-in-out,opacity var(--transition) ease-in-out}.modern-animated-button-light-long span span:first-of-type svg{stroke-width:3;translate:calc(((var(--hovered, 0) * var(--font-size)) * -3) + 10%) 8%;width:calc(var(--font-size) * .8);transition:translate var(--transition) ease-in-out}