.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;@media (min-width:1050px) and (max-width:1220px){max-width:50%}}.banner__heading{color:var(--blue-base);margin-bottom:var(--spacing-3x)}.banner__description{margin-bottom:var(--spacing-6x)}.banner__image{inset:50% -32px auto auto;position:absolute;transform:translateY(-50%);.banner--blue &{inset:50% -96px auto auto}@media (max-width:1050px){height:auto!important;margin-bottom:var(--spacing-6x);max-width:100%;position:static;transform:none}}