.callout-section{background:var(--background);padding-block:var(--spacing-12x)}.callout-banner{gap:var(--spacing-16x)}.callout-banner,.callout-banner__body{align-items:center;display:flex;flex-direction:column}.callout-banner__body{justify-content:center;text-align:center}.callout-banner__title{margin-bottom:var(--spacing-4x)}.callout-banner__description{margin-bottom:var(--spacing-8x);max-width:488px}.callout-banner__btn{background:var(--primary-base);border-radius:var(--border-radius-md);color:var(--white);display:inline-block;font-size:.8889rem;font-weight:500;line-height:1;padding:var(--spacing-3x) var(--spacing-4x);transition:var(--transition);width:fit-content}.callout-banner__btn:hover{background:var(--primary-400);color:var(--white)}.callout-banner--img{flex-direction:row;gap:var(--spacing-16x);& .callout-banner__body{align-items:flex-start;flex:1 1 50%;text-align:left}& .callout-banner__img-wrapper{flex:0 1 60%}}@media (max-width:820px){.callout-banner--img{flex-direction:column;gap:var(--spacing-16x);& .callout-banner__body{align-items:center;display:flex;flex:none;flex-direction:column;justify-content:center;text-align:center;width:100%}& .callout-banner__img-wrapper{flex:none}}}