.call-to-action{--background-color:var(--brand-pink-dark);background-color:var(--background-color);color:transparent;overflow:hidden;padding:2rem;position:relative;transition:color 1s ease-out}.call-to-action .cta-text p{display:none}@media screen and (min-width:768px){.call-to-action .cta-text{max-width:70%}.call-to-action .cta-text p{display:block}.call-to-action .cta-text h3{margin-bottom:1rem}}.call-to-action .inner-content{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;opacity:0;overflow:visible;position:relative;transition:opacity 1s ease-out;z-index:2}.call-to-action .cta-arrow{flex:none;margin-left:auto}@media (min-width:768px){.call-to-action{padding:3rem}.call-to-action .inner-content{align-items:center;flex-direction:row;justify-content:space-between}}@media (min-width:1024px){.call-to-action{padding:4rem}}.call-to-action:before{background-color:var(--brand-pink-bright);content:"";height:100%;left:0;position:absolute;top:0;transition:width 1s ease-out;width:0;z-index:1}.call-to-action.animate{color:var(--black);transition-delay:1s}.call-to-action.animate:before{width:100%}.call-to-action.animate .inner-content{opacity:1;transition-delay:1s}.cta-arrow-icon{color:inherit;display:block;height:40px;transition:transform .5s ease-out;width:40px}.cta-arrow-icon svg{height:100%;width:100%;fill:currentColor}.cta-arrow-icon:hover{transform:translateX(5px)}@media (min-width:768px){.cta-arrow-icon{height:50px;width:50px}}.call-to-action--has-cta .inner-content{align-items:flex-start}.cta-arrow-link{color:var(--text-dark);display:inline-flex;font-weight:var(--font-weight-bolder);text-underline-offset:2px}.cta-arrow-link svg{fill:currentColor;height:22px;margin-left:1rem;transition:transform .5s ease-out;width:23px}.cta-arrow-link:hover svg{transform:translateX(5px)}.call-to-action--acid{--background-color:var(--brand-midnight);border-bottom:.5714285714rem solid var(--brand-acid)}.call-to-action--acid h3{color:var(--brand-acid)}.call-to-action--acid p{color:var(--white)}.call-to-action--acid .cta-arrow-icon{color:var(--brand-acid)}.call-to-action--acid .cta-arrow-link{color:var(--white)}.call-to-action--acid:before{background:var(--brand-carbon)}