.banner{border-radius:var(--radius-xl);position:relative;&.banner--green{background:var(--green-50);padding:var(--spacing-24x) var(--spacing-16x)}&.banner--blue{background:var(--blue-100);margin-right:var(--spacing-16x);padding:var(--spacing-16x);@media (max-width:1050px){margin-right:0}}@media (max-width:640px){&.banner--blue,&.banner--green{padding:var(--spacing-6x) var(--spacing-6x) var(--spacing-8x)}}}.banner__content{max-width:550px;.banner--image-left &{margin-left:auto}.banner--image-right &{margin-left:0;margin-right:auto}@media (min-width:1050px) and (max-width:1220px){max-width:50%}@media (max-width:1050px){margin-left:0;margin-right:0;max-width:100%}}.banner__heading{color:var(--blue-base);font-style:italic;margin-bottom:var(--spacing-3x)}.banner__description{margin-bottom:var(--spacing-6x)}.banner__image{position:absolute;top:50%;transform:translateY(-50%);.banner--image-right &{left:auto;right:-32px}.banner--image-left &{left:-32px;right:auto}.banner--blue.banner--image-right &{right:-96px}.banner--blue.banner--image-left &{left:-96px}@media (max-width:1050px){height:auto!important;margin-bottom:var(--spacing-6x);max-width:100%;position:static;transform:none}}