.cta-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:15.5rem;white-space:nowrap;height:5.6rem;padding:0 4rem;color:var(--color-white);border:0;border-radius:4rem;font-family:inherit;font-weight:var(--font-weight-medium);font-size:1.4rem;text-align:center;text-decoration:none;line-height:5.8rem;cursor:pointer;transition:color .3s,border-color .3s}@media(min-width:768px){.cta-button{min-width:16.6rem;height:6.4rem;font-size:1.6rem;line-height:6.6rem}}.cta-button:hover{border:1px solid var(--color-white)}.cta-button:active,.cta-button:hover{opacity:1}.cta-button__outline{position:absolute;inset:0;z-index:1;overflow:visible;width:100%;height:100%;pointer-events:none}.cta-button__outline rect{width:100%;height:100%;fill:rgba(0,0,0,0);stroke:var(--color-white);stroke-width:1px;stroke-dasharray:0 1000}.cta-button__fill{position:absolute;inset:0;border-radius:4rem;background:var(--color-primary);transform-origin:top center;transition:transform .45s cubic-bezier(.6,0,.4,1),opacity .4s}.cta-button__text{position:relative;display:inline-flex;height:5.6rem;line-height:5.6rem;overflow:hidden}@media(min-width:768px){.cta-button__text{height:6.4rem;line-height:6.4rem}}.cta-button__text-copy,.cta-button__text-origin{position:relative;display:block;width:100%;transition:transform .35s cubic-bezier(.65,0,.35,1),opacity .35s;padding-top:2px}.cta-button__text-copy{position:absolute;opacity:0;transform:translateY(70%) scale(.9)}.cta-button__text-origin{opacity:1;transform:translateY(0) scale(1)}.cta-button:hover .cta-button__fill{opacity:0;transform:scaleY(.8) scaleX(.9)}.cta-button:hover .cta-button__text-copy{opacity:1;transform:translateY(-1px) scale(1)}.cta-button:hover .cta-button__text-origin{opacity:0;transform:translateY(-70%) scale(.9)}.cta-button--white{color:var(--color-black)}.cta-button--white .cta-button__fill{background:var(--color-white)}.cta-button--white:hover{color:var(--color-white)}.cta-button--nav{outline:1px solid rgba(0,0,0,0);transition:outline-color .4s}.cta-button--nav:hover{outline-color:var(--color-white)}.cta-button--hover-pink:hover{border-color:var(--color-primary)}.cta-button--hover-pink:hover .cta-button__text-copy{color:var(--color-primary)}