.orb-container{width:100%;height:100%;position:relative}
.animated-button{background-color:inherit;color:#9edbfc;cursor:pointer;border:4px solid #0000;border-radius:100px;align-items:center;gap:4px;padding:16px 36px;font-size:16px;font-weight:600;transition:all .6s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #9edbfc}.animated-button svg{fill:#9edbfc;z-index:9;width:24px;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute}.animated-button .arr-1{right:16px}.animated-button .arr-2{left:-25%}.animated-button .circle{opacity:0;background-color:#9edbfc;border-radius:50%;width:20px;height:20px;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.animated-button .text{z-index:1;transition:all .8s cubic-bezier(.23,1,.32,1);position:relative;transform:translate(-12px)}.animated-button:hover{color:#212121;border-radius:30px;box-shadow:0 0 0 12px #0000}.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 #9edbfc}.animated-button:hover .circle{opacity:1;width:220px;height:220px}