.ms-cta-motion{--ms-cta-fill: var(--ms-color-cta-fill, #10283f);--ms-cta-on-fill: var(--ms-color-on-dark, #fff);--ms-cta-easing: var(--ms-ease-cta, cubic-bezier(.23, 1, .32, 1));position:relative;isolation:isolate;overflow:hidden;transition:color .26s ease,border-radius .52s var(--ms-cta-easing)}.ms-cta-motion__circle{position:absolute;top:50%;left:50%;width:24px;height:24px;border-radius:50%;background-color:var(--ms-cta-fill);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(0);transition:transform .65s var(--ms-cta-easing),opacity .18s ease;z-index:0}.ms-cta-motion__text{position:relative;z-index:1;transform:translate(0);transition:transform .65s var(--ms-cta-easing)}.ms-cta-motion__arrow{position:absolute;top:50%;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;z-index:1;transition:transform .65s var(--ms-cta-easing),opacity .18s ease}.ms-cta-motion__arrow--out{right:16px;transform:translateY(-50%)}.ms-cta-motion__arrow--in{right:16px;opacity:0;transform:translate(12px,-50%)}@media(hover:hover)and (pointer:fine){.ms-cta-motion:not(:disabled):not([aria-disabled=true]):not(.is-loading):hover{color:var(--ms-cta-on-fill);border-radius:10px}.ms-cta-motion:not(:disabled):not([aria-disabled=true]):not(.is-loading):hover .ms-cta-motion__circle{opacity:1;transform:translate(-50%,-50%) scale(38)}.ms-cta-motion:not(:disabled):not([aria-disabled=true]):not(.is-loading):hover .ms-cta-motion__text{transform:translate(2px)}.ms-cta-motion:not(:disabled):not([aria-disabled=true]):not(.is-loading):hover .ms-cta-motion__arrow--out{opacity:0;transform:translate(22px,-50%)}.ms-cta-motion:not(:disabled):not([aria-disabled=true]):not(.is-loading):hover .ms-cta-motion__arrow--in{opacity:1;transform:translateY(-50%)}}.ms-cta-motion:not(:disabled):not([aria-disabled=true]):not(.is-loading):focus-visible{color:var(--ms-cta-on-fill);border-radius:10px}.ms-cta-motion:not(:disabled):not([aria-disabled=true]):not(.is-loading):focus-visible .ms-cta-motion__circle{opacity:1;transform:translate(-50%,-50%) scale(38)}.ms-cta-motion:not(:disabled):not([aria-disabled=true]):not(.is-loading):focus-visible .ms-cta-motion__text{transform:translate(2px)}.ms-cta-motion:not(:disabled):not([aria-disabled=true]):not(.is-loading):focus-visible .ms-cta-motion__arrow--out{opacity:0;transform:translate(22px,-50%)}.ms-cta-motion:not(:disabled):not([aria-disabled=true]):not(.is-loading):focus-visible .ms-cta-motion__arrow--in{opacity:1;transform:translateY(-50%)}@media(prefers-reduced-motion:reduce){.ms-cta-motion,.ms-cta-motion__circle,.ms-cta-motion__text,.ms-cta-motion__arrow{transition:none}}.ms-cta-motion.ms-cta-motion--button .ms-cta-motion__text{display:inline-block;padding-inline-end:28px}.ms-cta-motion.ms-cta-motion--blue-fill{--ms-cta-fill: var(--ms-color-brand, #176df5);--ms-cta-on-fill: #fff}.ms-cta-underline{position:relative}.ms-cta-underline__text:after{position:absolute;inset-inline:0;bottom:-6px;height:2px;background:currentColor;content:"";transform:scaleX(0);transform-origin:left;transition:transform var(--ms-duration-control, .22s) var(--ms-ease-reveal, cubic-bezier(.22, 1, .36, 1))}.ms-cta-underline:focus-visible .ms-cta-underline__text:after{transform:scaleX(1)}@media(hover:hover)and (pointer:fine){.ms-cta-underline:hover .ms-cta-underline__text:after{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.ms-cta-underline__text:after{transition:none}}@media(prefers-reduced-motion:reduce){.ms-cta-motion.ms-cta-motion--button .ms-cta-motion__text{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/ms-cta-motion.css.map */