.animated-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:2px solid transparent;background-color:transparent;border-radius:20px;font-weight:600;cursor:pointer;overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1);width:fit-content;max-width:max-content;box-shadow:0 0 0 12px transparent}.animated-button-xs{padding:4px 20px;font-size:12px}.animated-button-xs svg{display:none}.animated-button-xs .text{transform:translateX(0)!important}.animated-button-small{padding:6px 30px;font-size:14px}.animated-button-medium{padding:10px 32px;font-size:15px}.animated-button-large{padding:14px 36px;font-size:16px}.animated-button:hover{box-shadow:0 0 0 2px}.animated-button svg{position:absolute;width:20px;z-index:9;transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button .arr-1{right:-25%}.animated-button .arr-2{left:16px}.animated-button .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;opacity:1;transition:all .8s cubic-bezier(.23,1,.32,1);border-radius:20px}.animated-button .text{position:relative;z-index:10;transform:translateX(12px);transition:all .8s cubic-bezier(.23,1,.32,1);white-space:nowrap}.animated-button:hover .arr-1{right:16px}.animated-button:hover .arr-2{left:-25%}.animated-button:hover .text{transform:translateX(-12px)}.animated-button:active{scale:.95}.animated-button:hover .circle{width:0;height:0;opacity:0}.animated-button-primary{color:#ffffff}.animated-button-primary svg{fill:#ffffff}.animated-button-primary .circle{background-color:var(--color-primary-red)}.animated-button-primary:hover{color:var(--color-primary-red);box-shadow:0 0 0 2px var(--color-primary-red)}.animated-button-primary:hover svg{fill:var(--color-primary-red)}.animated-button-primary:active{box-shadow:0 0 0 4px var(--color-primary-red)}.animated-button-secondary{color:var(--color-primary-red)}.animated-button-secondary svg{fill:var(--color-primary-red)}.animated-button-secondary .circle{background-color:#ffffff}.animated-button-secondary:hover{color:#ffffff;box-shadow:0 0 0 2px #ffffff}.animated-button-secondary:hover svg{fill:#ffffff}.animated-button-secondary:active{box-shadow:0 0 0 4px #ffffff}.animated-button-dark{color:#ffffff}.animated-button-dark svg{fill:#ffffff}.animated-button-dark .circle{background-color:#1f2937}.animated-button-dark:hover{color:#1f2937;box-shadow:0 0 0 2px #1f2937}.animated-button-dark:hover svg{fill:#1f2937}.animated-button-dark:active{box-shadow:0 0 0 4px #1f2937}.animated-button-inverted .circle{width:0;height:0;opacity:0}.animated-button-inverted .arr-1{right:8px}.animated-button-inverted .arr-2{left:-20%}.animated-button-inverted .text{transform:translateX(-12px)}.animated-button-inverted:hover{box-shadow:0 0 0 12px transparent}.animated-button-inverted:hover .circle{width:500px;height:500px;opacity:1}.animated-button-inverted:hover .arr-1{right:-25%}.animated-button-inverted:hover .arr-2{left:8px}.animated-button-inverted:hover .text{transform:translateX(12px)}.animated-button-primary.animated-button-inverted{color:var(--color-primary-red);border-color:var(--color-primary-red)}.animated-button-primary.animated-button-inverted svg{fill:var(--color-primary-red)}.animated-button-primary.animated-button-inverted:hover{color:#ffffff;border-color:var(--color-primary-red)}.animated-button-primary.animated-button-inverted:hover svg{fill:#ffffff}.animated-button-secondary.animated-button-inverted{color:#ffffff;border-color:#ffffff}.animated-button-secondary.animated-button-inverted svg{fill:#ffffff}.animated-button-secondary.animated-button-inverted:hover{color:var(--color-primary-red);border-color:#ffffff}.animated-button-secondary.animated-button-inverted:hover svg{fill:var(--color-primary-red)}.animated-button-dark.animated-button-inverted{color:#1f2937;border-color:#1f2937}.animated-button-dark.animated-button-inverted svg{fill:#1f2937}.animated-button-dark.animated-button-inverted:hover{color:#ffffff;border-color:#1f2937}.animated-button-dark.animated-button-inverted:hover svg{fill:#ffffff}