.container{justify-content:center;align-items:center;width:100%;display:flex}.button-wrapper{width:100%;max-width:200px;height:39.4px;filter:drop-shadow(0px 3.5px 3.5px #7fc4f9 inset);position:relative}.connect-button{color:#fafcfd;cursor:pointer;box-sizing:border-box;border:1.6px solid #fff;border-radius:53.38px;justify-content:center;align-items:center;width:100%;height:100%;padding:6.9px 15px;font-family:Manrope,sans-serif;font-size:14.09px;font-weight:600;transition:background .6s linear;display:flex;position:relative;overflow:hidden;box-shadow:0 3.5px 13.2px #bebebe80,0 2.14px 3.15px #a6c8e373}.button-content{z-index:3;justify-content:center;align-items:center;gap:8px;width:100%;display:flex;position:relative;translate:-4px}.connect-button:hover{transform:translateY(-1px);box-shadow:0 4px 15px #bebebe99,0 2.5px 4px #a6c8e380}.icon{z-index:2;justify-content:center;align-items:center;font-size:10px;transition:transform .6s linear;display:inline-flex;translate:-5px}.icon.animating{animation:.8s linear forwards moveDown,1.6s linear .8s forwards holdDown,.8s linear 2.4s forwards returnUp}.text{letter-spacing:.3px;color:#fafcfd;z-index:2;font-size:14.09px;font-weight:600;line-height:101.5%;position:relative}.vector-image{filter:brightness(0)invert();z-index:2;height:15px;margin-top:8px}.glow-effect{opacity:.2;pointer-events:none;z-index:1;border-radius:50%;position:absolute}.glow-1{filter:blur(14.54px);width:20.2px;height:20.2px;top:11.2px;left:55.35px}.glow-2{filter:blur(1.31px);width:42.1px;height:42.1px;top:-1.07px;left:44.84px}.glow-3{filter:blur(1.31px);width:51.7px;height:51.7px;top:-5.45px;left:39.58px}.glow-4{filter:blur(1.31px);width:65.7px;height:65.7px;top:-13.33px;left:33.45px}.ripple-container{pointer-events:none;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple{opacity:0;border:1.5px solid #fff9;border-radius:50%;width:15px;height:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple-1{animation:1.2s linear forwards rippleExpand}.ripple-2{animation:1.2s linear .2s forwards rippleExpand}.ripple-3{animation:1.2s linear .4s forwards rippleExpand}@keyframes moveDown{0%{transform:translate(0)scale(1)rotate(0)}to{transform:translate(55px,14px)scale(.9)rotate(-45deg)}}@keyframes holdDown{0%,to{transform:translate(55px,14px)scale(.9)rotate(-45deg)}}@keyframes returnUp{0%{transform:translate(55px,14px)scale(.9)rotate(-45deg)}to{transform:translate(0)scale(1)rotate(0)}}@keyframes rippleExpand{0%{opacity:0;width:15px;height:15px}10%{opacity:.6}50%{opacity:.4}to{opacity:0;width:120px;height:120px}}