.button{display:flex;position:relative;float:left;overflow:hidden;padding:1em 1.5em 1em 1.625em;align-items:center;gap:1em;font-size:clamp(1rem,1.2vw,1.75rem);background:#d8d8d8;width:fit-content;text-transform:uppercase;box-shadow:0 7px 29px 0 rgba(0,0,0,.2);font-weight:500;pointer-events:auto;border-radius:100px;transition:all .2s cubic-bezier(.35,0,0,1);will-change:transform}@media screen and (min-width:768px){.button{height:2.075em;font-size:clamp(.875rem,1.2vw,1.75rem)}}.button #home-reel-cta-square{display:inline-block;position:relative;width:.5em;height:.5em;background:var(--square-color,#CC152B);border-radius:100px;z-index:1;transition:all .5s cubic-bezier(.35,0,0,1),transform .4s cubic-bezier(.35,0,0,1)}.button #home-reel-cta-text{position:relative;z-index:1;transition:color .5s cubic-bezier(.35,0,0,1),transform .4s cubic-bezier(.35,0,0,1)}.button #home-reel-cta-arrow{position:absolute;display:flex;justify-content:center;align-items:center;right:1em;height:1.2em;width:1.2em;border-radius:100%;transform:translate3d(3em,0,0);transition:transform .4s cubic-bezier(.4,0,0,1);z-index:100}.button #home-reel-cta-arrow svg path{transition:fill .5s}.button #home-reel-cta-arrow svg{transition:color .5s;width:100%;height:100%}.button:hover{background:var(--hover-bg,#141010);color:var(--hover-color,#fff);cursor:pointer}.button:hover #home-reel-cta-square{transform:translate3d(3em,0,0) scale(35);background:var(--square-hover,#cc152b)}.button:hover #home-reel-cta-text{transform:translate3d(-1.5em,0,0);color:var(--hover-color,#cc152b)}.button:hover #home-reel-cta-arrow{transform:translateZ(0)}.button:hover #home-reel-cta-arrow svg path{fill:var(--svg-hover,#fff)}