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