.animated-button{border:2px solid var(--teal-400);color:var(--teal-400);box-shadow:0 0 0 2px var(--teal-400);cursor:pointer;background-color:#0000;border-radius:18px;justify-content:center;align-items:center;gap:4px;padding:16px 36px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.animated-button svg{width:24px;fill:var(--teal-400);z-index:9;transition:all .3s cubic-bezier(.23,1,.32,1);position:absolute}.animated-button .arr-1{right:16px}.animated-button .arr-2{left:-25%}.animated-button .circle{aspect-ratio:1;background-color:var(--teal-400);opacity:0;border-radius:50%;width:400%;transition:transform .35s cubic-bezier(.23,1,.32,1),opacity .35s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.animated-button .text{z-index:1;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;transform:translate(-12px)}.animated-button:hover{color:#132a2c;border-radius:12px;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:#132a2c}.animated-button:active{box-shadow:0 0 0 4px var(--teal-400);transform:scale(.95)}.animated-button:hover .circle{opacity:1;transform:translate(-50%,-50%)scale(1)}