.animatedButton{padding:var(--ab-py) var(--ab-px);font-size:var(--ab-font-size);font-family:var(--font-inter);white-space:nowrap;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.animatedButton--fullWidth{width:100%;display:flex}.animatedButton--disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.animatedButton__labelContent{align-items:center;gap:8px;display:inline-flex}.animatedButton--small{--ab-py:10px;--ab-px:24px;--ab-font-size:14px;--ab-arrow-right:16px;--ab-label-shift:20px}.animatedButton--medium{--ab-py:19px;--ab-px:32px;--ab-font-size:16px;--ab-arrow-right:22px;--ab-label-shift:28px}.animatedButton--large{--ab-py:18px;--ab-px:40px;--ab-font-size:18px;--ab-arrow-right:28px;--ab-label-shift:32px}.animatedButton--outlineWhite{--ab-color:var(--color-white)}.animatedButton--outlineNavy{--ab-color:var(--color-navy)}.animatedButton--outlinePrimary{--ab-color:var(--color-orange)}.animatedButton--outlineGreen{--ab-color:#009866}.animatedButton--containerPrimary{--ab-bg:#fc441e;--ab-fill:#ca3618}.animatedButton--containedGreen{--ab-bg:#009866;--ab-fill:#007a52}.animatedButton--outline{border:1px solid var(--ab-color);color:var(--ab-color);background-color:#0000;font-weight:400;transition:border-color .3s,color .3s}.animatedButton--outline .animatedButton__label{transition:transform .3s;display:inline-block;transform:translate(0)}.animatedButton--outline .animatedButton__arrow{right:var(--ab-arrow-right);font-size:var(--ab-font-size);opacity:0;align-items:center;transition:opacity .3s;display:inline-flex;position:absolute}.animatedButton--outline:hover .animatedButton__label{transform:translateX(calc(-1 * var(--ab-label-shift)))}.animatedButton--outline:hover .animatedButton__arrow{opacity:1}.animatedButton--contained{padding:calc(var(--ab-py) + 1px) var(--ab-px);background-color:var(--ab-bg);color:#fff;font-weight:500;transition:background-color .7s}.animatedButton--contained .animatedButton__chip{background-color:var(--ab-fill);opacity:0;z-index:1;border-radius:16px;width:44px;height:32px;margin:auto;transition:width .3s ease-in-out,height .5s,top .3s,right .3s,opacity .7s;position:absolute;top:0;bottom:0;right:6px}.animatedButton--contained .animatedButton__arrow{top:0;bottom:0;right:var(--ab-arrow-right);height:var(--ab-font-size);font-size:var(--ab-font-size);color:#fff;opacity:0;z-index:2;align-items:center;margin:auto;transition:opacity .45s,transform .45s;display:inline-flex;position:absolute;transform:translate(48px)}.animatedButton--contained .animatedButton__label{z-index:2;transition:transform .45s;position:relative;transform:translate(0)}.animatedButton--contained:hover{background-color:#fff}.animatedButton--contained:hover .animatedButton__chip{opacity:1;width:calc(100% + 24px);height:calc(100% + 24px);top:-12px;right:-12px}.animatedButton--contained:hover .animatedButton__arrow{opacity:1;transform:translate(0)}.animatedButton--contained:hover .animatedButton__label{transform:translateX(calc(-1 * var(--ab-label-shift)))}@media (max-width:1439px){.animatedButton--medium{--ab-py:17.5px;--ab-px:28px;--ab-font-size:15px;--ab-arrow-right:20px;--ab-label-shift:20px}}@media (max-width:1199px){.animatedButton--medium{--ab-py:16px;--ab-px:24px;--ab-font-size:14px;--ab-arrow-right:16px;--ab-label-shift:18px}}@media (max-width:799px){.animatedButton--medium{--ab-py:14px;--ab-px:20px;--ab-font-size:14px;--ab-arrow-right:14px;--ab-label-shift:16px}}@media (max-width:768px){.animatedButton--small{--ab-py:9px;--ab-px:20px;--ab-font-size:13px;--ab-arrow-right:14px;--ab-label-shift:16px}.animatedButton--large{--ab-py:15px;--ab-px:28px;--ab-font-size:16px;--ab-arrow-right:20px;--ab-label-shift:22px}}@media (max-width:479px){.animatedButton{white-space:normal;text-align:center}.animatedButton--small{--ab-py:8px;--ab-px:16px;--ab-font-size:12px;--ab-arrow-right:12px;--ab-label-shift:14px}.animatedButton--medium{--ab-py:13px;--ab-px:18px;--ab-font-size:13px;--ab-arrow-right:12px;--ab-label-shift:14px}.animatedButton--large{--ab-py:14px;--ab-px:22px;--ab-font-size:15px;--ab-arrow-right:16px;--ab-label-shift:18px}}
