.product-banner{align-items:center;border-radius:var(--radius-xl);display:flex;gap:var(--spacing-12x);justify-content:space-between;overflow:clip;padding:var(--spacing-14x) var(--spacing-12x);&.product-banner--green{background:var(--green-50)}&.product-banner--blue{background:var(--blue-base);gap:112px}@media (max-width:1050px){flex-direction:column;gap:var(--spacing-3x);padding:var(--spacing-10x);&.product-banner--blue{gap:var(--spacing-20x);padding:var(--spacing-12x) var(--spacing-5x)}}}.product-banner__content{flex:0 1 457px;order:1;position:relative;z-index:0;@media (max-width:1050px){flex:none;order:2}}.product-banner__heading{color:var(--blue-base);margin-bottom:var(--spacing-3x);.product-banner--blue &{color:var(--white-base)}}.product-banner__description{.product-banner--blue &{color:var(--white-base)}}.product-banner__content .btn--link,.product-banner__content .btn-cta-wrapper--link a{margin-top:var(--spacing-6x);.product-banner--blue &{--text-color:var(--white-base);--hover-text-color:var(--background-gray-dark)}}.product-banner__image-wrapper{flex:0 1 679px;height:100%;order:2;z-index:1;.product-banner--blue &{flex:0 1 626px}@media (max-width:1050px){flex:none!important;order:1}}.product-banner__image-underlay{background:var(--background-gray-base);height:calc(150% + var(--spacing-14x)*2);inset:50% auto auto calc(100% + var(--spacing-12x));position:absolute;transform:translateY(-50%);width:200%;z-index:-1;@media (max-width:1050px){height:200%;inset:auto auto calc(100% + var(--spacing-8x)) 50%;transform:translateX(-50%);width:200%}.product-banner--green &{display:none}}