.cta-banner{background-color:var(--color-bg);color:var(--color-text);padding:var(--space-4) 0}.cta-banner__content{color:var(--color-text);text-decoration:none}.cta-banner__title{grid-column:1/-1}@media(min-width: 64em){.cta-banner__title{grid-column:1/8}}.cta-banner__icon{align-self:center;display:flex;grid-column-start:-2;height:4.375rem;overflow:hidden;transition:var(--trs);width:4.375rem}.cta-banner__arrow-icon path{animation:toLeftFromRight .3s forwards;fill:var(--color-cta-banner-icon-path);transition:var(--trs)}.cta-banner__arrow-icon circle{fill:var(--color-bg);stroke:var(--color-cta-banner-icon-path);stroke-width:4px;transition:var(--trs)}.post .cta-banner:not(.cta-banner--image-cta,.cta-banner--sidebar){--cta-banner-calculated-column-width: calc( ( 100vw - 2 * var(--container-grid-padding) - (var(--space-columns) + 1) * var(--container-grid-column-gap) ) / var(--space-columns) );--cta-banner-left-offset: calc( var(--container-grid-column-gap) + var(--container-grid-padding) );--cta-banner-right-offset: var(--cta-banner-left-offset);margin:var(--space-5) calc(-1*var(--cta-banner-right-offset)) var(--space-5) calc(-1*var(--cta-banner-left-offset));padding-left:calc(var(--container-grid-column-gap) + var(--container-grid-padding));padding-right:calc(var(--container-grid-column-gap) + var(--container-grid-padding))}@media(min-width: 37.5em){.post .cta-banner:not(.cta-banner--image-cta,.cta-banner--sidebar){--cta-banner-left-offset: calc( var(--cta-banner-calculated-column-width) + 2 * var(--container-grid-column-gap) + var(--container-grid-padding) );padding-left:calc(2*var(--container-grid-column-gap) + var(--container-grid-padding));padding-right:calc(2*var(--container-grid-column-gap) + var(--container-grid-padding))}}@media(min-width: 64em){.post .cta-banner:not(.cta-banner--image-cta,.cta-banner--sidebar){--cta-banner-left-offset: calc( 3 * (var(--cta-banner-calculated-column-width)) + 4 * (var(--container-grid-column-gap)) + var(--container-grid-padding) );--cta-banner-right-offset: calc( 2 * (var(--cta-banner-calculated-column-width)) + 3 * (var(--container-grid-column-gap)) + var(--container-grid-padding) );padding-left:var(--cta-banner-left-offset);padding-right:var(--container-grid-padding)}}@media(min-width: 64em){.post .post__text--toc .cta-banner:not(.cta-banner--image-cta,.cta-banner--sidebar){--cta-banner-left-offset: calc( var(--container-grid-column-gap) + var(--container-grid-padding) );--cta-banner-right-offset: calc( var(--cta-banner-calculated-column-width) + 2 * (var(--container-grid-column-gap)) + var(--container-grid-padding) )}}@media(min-width: 64em){.post .cta-banner:not(.cta-banner--image-cta,.cta-banner--sidebar) .cta-banner__title{grid-column:1/-3}}@media(hover: hover){.cta-banner:hover .cta-banner__arrow-icon circle{fill:var(--color-cta-banner-icon-path)}.cta-banner:hover .cta-banner__arrow-icon path{animation:toRightFromLeft .3s forwards;fill:var(--color-cta-banner-icon-path-hover)}}@keyframes toRightFromLeft{49%{transform:translate(100%)}50%{opacity:0;transform:translate(-100%)}51%{opacity:1}}@keyframes toLeftFromRight{49%{transform:translate(-100%)}50%{opacity:0;transform:translate(100%)}51%{opacity:1}}.cta-banner--image-cta{background-color:rgba(0,0,0,0)}.cta-banner--image-cta .image-cta__container{--circle-button-icon-size: var(--fz-body-s);--circle-button-font-size: var(--fz-body-s);--circle-button-size: calc(var(--fz-body-s) * 12)}@media(max-width: 27.9375em){.cta-banner--image-cta .image-cta__container{--circle-button-size: calc(var(--fz-body-s) * 8);--circle-button-font-size: calc(var(--fz-body-s) * 0.75)}}.cta-banner--sidebar .cta-banner--sidebar-area .image-cta__container{--circle-button-icon-size: var(--fz-body-s);--circle-button-font-size: var(--fz-body-s);--circle-button-size: calc(var(--fz-body-s) * 12)}@media(min-width: 64em){.cta-banner--sidebar .cta-banner--sidebar-area .image-cta__container{--circle-button-size: calc(var(--fz-body-s) * 8);--circle-button-font-size: calc(var(--fz-body-s) * 0.75)}}@media(max-width: 37.4375em){.cta-banner--sidebar .cta-banner--sidebar-area .image-cta__container{--circle-button-size: calc(var(--fz-body-s) * 8);--circle-button-font-size: calc(var(--fz-body-s) * 0.75)}}.cta-banner--image-cta .image-cta__content{display:flex;grid-column:1/-1}@media(min-width: 80em){.cta-banner--image-cta .image-cta__content{grid-column:1/9}}.cta-banner--image-cta .image-cta__content--bottom{flex-direction:column}.cta-banner--image-cta .image-cta__button-container{display:flex;justify-content:center}.cta-banner--image-cta .image-cta__button-container--right{flex-direction:column;margin-left:calc(var(--circle-button-size)/-4)}.cta-banner--image-cta .image-cta__button-container--bottom{flex-direction:row;margin-top:calc(var(--circle-button-size)/-2)}.cta-banner--image-cta .image-cta__image,.cta-banner--image-cta .image-cta__content picture,.cta-banner--image-cta .image-cta__content picture img{width:100%}.cta-banner--image-cta .image-cta__image{z-index:1}.cta-banner--image-cta .image-cta__button-container a:first-child{z-index:2}.cta-banner--full-width-image-cta .image-cta__content{grid-column:1/-1}.cta-banner--full-width-image-cta{padding:0}@media(max-width: 63.9375em){.post .post__toc{z-index:3}}.cta-banner--sidebar{grid-column:1/-1;margin-top:var(--space-5);padding:0}.cta-banner--sidebar .cta-banner--sidebar-content{grid-column:1/-1;grid-row:1;margin-top:0}.cta-banner--sidebar .cta-banner--sidebar-area{display:flex;flex-direction:column;grid-column:1/-1;justify-content:end}@media(min-width: 37.5em){.cta-banner--sidebar .cta-banner--sidebar-area{grid-column:2/-2}}@media(min-width: 64em){.cta-banner--sidebar .cta-banner--sidebar-area{grid-column:10/span 3;grid-row:1}}.cta-banner--sidebar .cta-banner--sidebar-cta{column-gap:var(--space-gutter);margin-top:var(--stack-spacing);padding:var(--space-4) 0;position:static}@media(min-width: 64em){.cta-banner--sidebar .cta-banner--sidebar-cta{bottom:var(--space-fixed-3);column-gap:0;margin-top:0;padding:0;position:sticky}}.cta-banner--sidebar .cta-banner--sidebar-cta .image-cta__container{gap:0;grid-column:2/-2}@media(min-width: 37.5em){.cta-banner--sidebar .cta-banner--sidebar-cta .image-cta__container{grid-column:1/-1}}.cta-banner--sidebar .cta-banner--sidebar-cta .image-cta__content{grid-column:1/-1}@media(min-width: 37.5em){.cta-banner--sidebar .cta-banner--sidebar-content.post__text>*{grid-column:2/-2}}@media(min-width: 64em){.cta-banner--sidebar .cta-banner--sidebar-content.post__text>*{grid-column:4/span 5}}@media(min-width: 37.5em){.cta-banner--sidebar .cta-banner--sidebar-content.post__text--toc>*{grid-column:2/-2}}@media(min-width: 64em){.cta-banner--sidebar .cta-banner--sidebar-content.post__text--toc>*{grid-column:5/span 4}}@media(min-width: 64em){.cta-banner--sidebar .cta-banner--sidebar-content.post__text:not(.post__text--toc)>blockquote{grid-column:2/span 7;width:100%}}.cta-banner--sidebar .cta-banner--sidebar-content .image-cta__content{grid-column:1/-1}@media(min-width: 64em){.cta-banner--sidebar-content.post__text .postMedia--small{grid-column:4/span 4}}@media(min-width: 64em){.cta-banner--sidebar-content.post__text--toc .postMedia--small{grid-column:5/span 3}}.cta-banner--sidebar .cta-banner--sidebar-content .btn--inline{--color-btn: #000;--color-btn-text: #fff}@media(max-width: 63.9375em){.cta-banner--sidebar .cta-banner--sidebar-area .image-cta__content{flex-direction:row}}@media(max-width: 63.9375em){.cta-banner--sidebar-area .cta-banner--sidebar-cta .image-cta__button-container{flex-direction:column;margin-left:calc(var(--circle-button-size)/-4);margin-top:0}}@media(max-width: 63.9375em){.cta-banner--sidebar+p{margin-top:var(--space-5)}}

/*# sourceMappingURL=ctaBanner.css.map */