:root{--color-1:#fff;--color-2:#000;--color-3:#a4dbe8;--color-4:#bde9c9;--color-5:#decde7;--color-6:#f8e08e;--color-7:#f4f4f4;--color-8:#595959;--color-9:#dadada;--color-10:#268095;--color-11:#e8f6f9;--header-height:8rem;--color-background:var(--color-1);--color-text:var(--color-2);--color-btn-background:var(--color-2);--color-btn-text:var(--color-1);--space:4rem;--fluid:62.5%;--pattern-1:url(./cta-pattern-1.17f55d70.svg);--pattern-2:url(./cta-pattern-2.e38bb168.svg);--pattern:var(--pattern-1);--transition:cubic-bezier(1,0,0,1);--transition-2:cubic-bezier(.215,.61,.355,1);--grid-max:100vw;--grid-gap:2rem;--grid-rgap:2rem;--grid-ext:1.5rem;--font:"IBMPlexSans","Arial";--prestafont:"Prestafont","Arial"}@media (min-width:576px){:root{--space:6rem;--header-height:8.5rem;--grid-rgap:2.5rem}}@media (min-width:768px){:root{--space:8rem;--grid-ext:3rem}}@media (min-width:1025px){:root{--space:9rem;--grid-max:160rem;--grid-gap:3rem;--grid-rgap:4.5rem;--grid-ext:6rem}}@media (min-width:1200px){:root{--space:10rem;--grid-ext:8rem}}@media (min-width:1600px){:root{--fluid:.6vw;--grid-ext:10.5rem}}.cta{--offset:.4rem;background-color:transparent;border:0;display:inline-block;font-weight:700;letter-spacing:.05rem;padding:0;position:relative;text-transform:uppercase}@media (min-width:768px){.cta{--offset:.8rem}}.cta>span{align-items:center;background-color:var(--color-btn-background);color:var(--color-btn-text);display:inline-flex;padding:2rem 3rem;position:relative;transition:all .3s var(--transition-2);z-index:2}.cta>span svg{margin-left:1.5rem;width:1rem}.cta>span svg,.cta>span svg *{fill:var(--color-btn-text)}.cta:before{background-image:var(--pattern);background-position:0 100%;background-repeat:repeat;background-size:.6rem auto;bottom:0;content:"";height:100%;left:0;position:absolute;transition:all .3s var(--transition-2);width:100%;z-index:1}.cta--pattern span,.cta:hover span{transform:translate(var(--offset),calc(var(--offset)*-1))}.cta--pattern{margin-right:var(--offset);margin-top:var(--offset)}.cta--pattern:hover span{transform:translate(calc(var(--offset)*2),calc(var(--offset)*-2))}.cta--outline span{background-color:var(--color-btn-text);box-shadow:inset 0 0 0 .1rem var(--color-btn-background);color:var(--color-btn-background)}.cta--outline span svg,.cta--outline span svg *{fill:var(--color-btn-background)}.cta--outline span:after{background-color:var(--color-btn-background)}
