.animated-button{--color: ghostwhite;position:fixed;z-index:1;bottom:50px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:12px 32px;border:4px solid transparent;font-size:.875rem;background-color:inherit;border-radius:100px;font-weight:500;color:var(--color);box-shadow:0 0 0 1px var(--color);cursor:pointer;overflow:hidden;text-decoration:none;transition:all .6s cubic-bezier(.23,1,.32,1);opacity:0;pointer-events:none}.animated-button.visible{opacity:1;pointer-events:auto}.animated-button svg{position:absolute;width:24px;fill:var(--color);z-index:9;transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button .arr-1{right:16px}.animated-button .arr-2{left:-25%}.animated-button .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:var(--color);border-radius:50%;opacity:0;transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button .text{position:relative;z-index:1;transform:translate(-12px);transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button:hover{box-shadow:0 0 0 8px transparent;color:#212121;border-radius:12px}.animated-button:hover .arr-1{right:-25%}.animated-button:hover .arr-2{left:16px}.animated-button:hover .text{transform:translate(12px)}.animated-button:hover svg{fill:#212121}.animated-button:active{scale:.95;box-shadow:0 0 0 4px var(--color)}.animated-button:hover .circle{width:220px;height:220px;opacity:1}.animated-button .circle{pointer-events:none}.info-text{top:50px;left:50%;z-index:1;position:fixed;color:#f8f8ff;transform:translate(-50%);font-size:2rem;font-weight:300;font-family:Arial,Helvetica,sans-serif}#dial-container{position:relative;width:285px;margin:60px auto 40px;padding:0}#dial-value,#info{color:#ecf0f1;font-family:Oswald,system-ui,sans-serif;text-align:center;font-weight:400;-webkit-user-select:none;user-select:none;letter-spacing:-2px}#dial-value{font-size:84pt;line-height:1;margin:0 0 20px;font-weight:300}#dial-value:after{content:"%";font-size:48pt;position:relative;top:-18px;margin-left:4px}#info{font-size:16pt;margin:20px 0 10px;opacity:.7;letter-spacing:2px;font-weight:400}#svg-node{position:relative;display:block;margin:0 auto;width:284.1px;height:218.7px;touch-action:none;-webkit-user-select:none;user-select:none}#svg-node:active{cursor:grabbing}#dial-line,#outline{pointer-events:none}#drag-handle{pointer-events:auto;cursor:grab}#drag-handle:active{cursor:grabbing!important}#arc-fill{transition:stroke .3s ease}