.section-promo-banner .promo-banner__inner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1.5rem 1rem;gap:1.5rem;position:relative;color:white;border-radius:1rem}.section-promo-banner .promo-banner__content{display:flex;flex-direction:column;z-index:2}.section-promo-banner .promo-banner__title{font-size:1.5rem;font-weight:900}.section-promo-banner .promo-banner__subtitle{font-size:1.25rem;font-weight:400}.section-promo-banner .promo-banner__button{width:100%}.section-promo-banner .promo-banner__image{flex-shrink:0;z-index:2}.section-promo-banner .promo-banner__image img{display:block;width:100%;height:auto}.section-promo-banner.promo-banner--highlighted .promo-banner__inner{background:linear-gradient(87deg,var(--pp-blue-primary) -12.46%,var(--pp-blue-deep) 36.54%)}.section-promo-banner.promo-banner--informative .promo-banner__inner{background:linear-gradient(87deg,var(--pp-blue-primary) -11.16%,var(--pp-blue-deep) 82.08%);background-size:cover;background-repeat:no-repeat;background-position:center right;position:relative}.section-promo-banner.promo-banner--informative .promo-banner__inner::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-size:cover;background-repeat:no-repeat;background-position:center right;left:-3px}.section-promo-banner.promo-banner--informative .promo-banner__content{flex:1}@media only screen and (min-width:1051px){.section-promo-banner .promo-banner__inner{flex-direction:row;height:9rem;border-radius:.75rem;padding:0 .5rem 0 2rem}.section-promo-banner .promo-banner__title{font-size:1.625rem;font-weight:700}.section-promo-banner .promo-banner__subtitle{font-size:1rem}.section-promo-banner .promo-banner__button{width:unset}.section-promo-banner .promo-banner__image{order:-1}.section-promo-banner.promo-banner--highlighted .promo-banner__title{font-weight:900;font-size:2.4375rem}.section-promo-banner.promo-banner--highlighted .promo-banner__subtitle{font-size:2rem}.section-promo-banner.promo-banner--informative .promo-banner__inner::before{background-image:var(--bg-image)}}@media only screen and (max-width:1050px){.section-promo-banner .promo-banner__button{width:100%;justify-content:center}.section-promo-banner .promo-banner{flex-direction:column;text-align:center}.section-promo-banner .promo-banner__content{align-items:center}.section-promo-banner.promo-banner--informative .promo-banner__subtitle{margin-top:24px}}
/*# sourceMappingURL=../css-maps/banner/frontend.min.css.map */