.animated-button{position:relative;display:flex;align-items:center;gap:4px;padding:16px 36px;border:4px solid transparent;font-size:16px;background-color:inherit;border-radius:0;font-weight:600;color:#F8F5EE;box-shadow:0 0 0 2px #C9933B;background-color:#C9933B;cursor:pointer;overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1);width:max-content;margin:10px 15px}.animated-button svg{position:absolute;width:24px;fill:#F8F5EE;z-index:9;transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button .arr-1 svg{right:16px}.animated-button .arr-2 svg{left:-25%}.animated-button .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:#8B6520;border-radius:0;opacity:0;transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button .text{position:relative;z-index:1;transform:translateX(-12px);transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button:hover{box-shadow:0 0 0 12px transparent;color:#F8F5EE;border-radius:0}.animated-button:hover .arr-1 svg{right:-25%}.animated-button:hover .arr-2 svg{left:16px}.animated-button:hover .text{transform:translateX(12px)}.animated-button:hover svg{fill:#F8F5EE}.animated-button:active{scale:.95;box-shadow:0 0 0 4px #C9933B}.animated-button:hover .circle{width:220px;height:220px;opacity:1}