.animated-button{align-items:center;background-color:#c72e40;border:4px solid transparent;border-radius:100px;box-shadow:0 0 0 2px hsla(0,0%,100%,0);color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:4px;justify-content:center;overflow:hidden;padding:16px 36px;position:relative;text-decoration:none;transition:all .6s cubic-bezier(.23,1,.32,1)}.animated-button svg{position:absolute;width:24px;fill:#fff;transition:all .8s cubic-bezier(.23,1,.32,1);z-index:9}.animated-button .arr-1{right:16px}.animated-button .arr-2{left:-25%}.animated-button .circle{background-color:#fff;border-radius:50%;height:20px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .8s cubic-bezier(.23,1,.32,1);width:20px}.animated-button .text{position:relative;transform:translateX(-12px);transition:all .8s cubic-bezier(.23,1,.32,1);z-index:1}.animated-button:hover{border-radius:12px;box-shadow:0 0 0 12px transparent;color:#212121}.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:#c72e40}.animated-button:active{box-shadow:0 0 0 4px #595959;scale:.95}.animated-button:hover .circle{height:600px;opacity:1;width:600px}.animated-button.blue{background-color:#579aa9}.animated-button.blue:hover,.animated-button.blue:hover .circle,.animated-button.blue:hover svg{fill:#579aa9}.flex-center{align-items:center;display:flex;justify-content:center}a.animated-button{text-decoration:none!important}.animated-button.medical-blue{background-color:#0c5394}.animated-button.medical-blue:hover,.animated-button.medical-blue:hover .circle,.animated-button.medical-blue:hover svg{fill:#0c5394}