.banner{--_template: "image ." 1fr "image title" "image ." 6px "image caption" "image ." 10px "image button" "image ." 1fr / 176px 1fr;display:block grid;grid-template:var(--_template);align-items:stretch;-moz-column-gap:16px;column-gap:16px;padding:32px;border-radius:var(--radius_medium);border:1px solid var(--color_primary);container-type:inline-size}.banner .banner__image{grid-area:image;display:block;width:100%;border-radius:var(--radius_small)}.banner .banner__title{grid-area:title;color:var(--color_primary);font-size:17px;font-weight:700;line-height:1.6;letter-spacing:.03em}.banner .banner__caption{grid-area:caption;color:var(--color_text-secondary);font-size:14px;font-weight:400;line-height:165%;letter-spacing:.01em}.banner .banner__button{grid-area:button}@container (500px >= inline-size){.banner .banner__title>br,.banner .banner__caption>br{display:none}}@container (470px >= inline-size){.banner{--_template: "image" "." 12px "title" "." 4px "caption" "." 12px "button" / 1fr;padding:24px}}