.animated-button{background-color:inherit;color:#fff;cursor:pointer;border:2px solid #0000;align-items:center;gap:4px;font-weight:600;transition:all .6s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #b78fdb}.animated-button svg{fill:#fff;z-index:9;width:20px;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:#000;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:#fff;border:2px solid #000;border-radius:100px;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:#fff}.animated-button:active{scale:.95;box-shadow:0 0 0 3px #b78fdb}.animated-button:hover .circle{opacity:1;width:220px;height:220px}