.animated-button{background-color:inherit;color:#fff;cursor:pointer;border:.13rem solid #0000;align-items:center;gap:.25rem;font-weight:600;transition:all .6s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 .13rem #b78fdb}.animated-button svg{fill:#fff;z-index:9;width:1.25rem;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute}.animated-button .arr-1{right:1rem}.animated-button .arr-2{left:-25%}.animated-button .circle{opacity:0;background-color:#000;border-radius:50%;width:1.25rem;height:1.25rem;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(-.75rem)}.animated-button:hover{color:#fff;border:.13rem solid #000;border-radius:6.25rem;box-shadow:0 0 0 .75rem #0000}.animated-button:hover .arr-1{right:-25%}.animated-button:hover .arr-2{left:1rem}.animated-button:hover .text{transform:translate(.75rem)}.animated-button:hover svg{fill:#fff}.animated-button:active{scale:.95;box-shadow:0 0 0 .19rem #b78fdb}.animated-button:hover .circle{opacity:1;width:13.75rem;height:13.75rem}