.delayed-cta{inset:0}.delayed-cta__content-wrapper{display:block;position:fixed;z-index:4;width:328px;top:50%;left:50%;transform:translate(-50%, calc(100vh + var(--spacing-4)));transition:transform .3s ease-in-out}.delayed-cta__content-wrapper.no-transition{transition:none !important}@media screen and (min-width: 768px){.delayed-cta__content-wrapper{left:var(--spacing-4);top:unset;bottom:var(--spacing-12);width:480px;transform:translateX(calc(-100% - var(--spacing-4)));transition:transform .3s ease-in-out}.delayed-cta__content-wrapper.no-transition{transition:none !important}}.delayed-cta[active=false] .delayed-cta__content-wrapper{transform:translate(-50%, calc(100vh + var(--spacing-4)))}@media screen and (min-width: 768px){.delayed-cta[active=false] .delayed-cta__content-wrapper{transform:translateX(calc(-100% - var(--spacing-4)))}}.delayed-cta[active=true] .delayed-cta__content-wrapper{transform:translate(-50%, -50%)}@media screen and (min-width: 768px){.delayed-cta[active=true] .delayed-cta__content-wrapper{transform:translateX(0)}}.delayed-cta[active=true]::after{content:"";display:block;position:fixed;inset:0;height:100vh;width:100vw;z-index:-1;background:var(--color-translucent-background)}@media screen and (min-width: 768px){.delayed-cta[active=true]::after{content:none}}.delayed-cta__inner{background-color:var(--color-blue-light);border-radius:var(--border-radius);border:1px solid var(--color-neutrals-400);box-shadow:var(--shadow-1);display:flex;flex-direction:column;overflow:hidden;position:relative}@media screen and (min-width: 768px){.delayed-cta__inner{flex-direction:row}}.delayed-cta__image{width:100%;object-fit:cover;aspect-ratio:1.4/1}@media screen and (min-width: 768px){.delayed-cta__image{max-width:160px;aspect-ratio:.5/1}}.delayed-cta__close-button{position:absolute;top:var(--spacing-4);right:var(--spacing-4)}@media screen and (min-width: 768px){.delayed-cta__title{padding-right:var(--spacing-8)}}.delayed-cta__content{width:100%;padding:var(--spacing-4);display:flex;flex-direction:column}.delayed-cta .btn{width:100%;text-transform:uppercase;margin-top:auto}.delayed-cta svg path{fill:var(--color-neutrals-900)}
