.cmp-promotionbanner{display:block;background:#e7e9ee;padding:16px;position:relative}
.cmp-promotionbanner div{flex-wrap:wrap;align-items:center;display:flex;height:100%}
.cmp-promotionbanner .h4{display:flex;width:95%;justify-content:flex-start;color:#000;font-style:normal;text-align:left}
.cmp-promotionbanner__text{margin-top:16px;display:none}
.cmp-promotionbanner .hidePromoBanner{display:none}
.cmp-promotionbanner .button-group{margin-top:16px;display:flex;width:100%;justify-content:flex-start;align-items:center}
.cmp-promotionbanner .button{cursor:pointer;width:auto;display:inline-flex;align-items:center;margin:0}
.cmp-promotionbanner .button .cmp-button{white-space:nowrap}
.cmp-promotionbanner .button:focus-visible{outline:2px solid #2b70d3}
.cmp-promotionbanner .button.promotionbanner__closebtn{border:0;padding:0;background-color:transparent;position:absolute;top:16px;right:16px}
.cmp-promotionbanner .button.promotionbanner__closebtn.hideClose{display:none}
.cmp-promotionbanner i{display:flex;font-size:24px}
@media(max-width:359px){.cmp-promotionbanner .h4{font-size:1.4rem}
}
@media(min-width:992px){.cmp-promotionbanner{background:linear-gradient(135deg,#e7e9ee 0,#e7e9ee 55%,#edeff3 55%,#edeff3 58%,#edeff3 60%,#fff 60%,#fff 100%);padding:24px}
.cmp-promotionbanner .h4{width:100%}
.cmp-promotionbanner__text{display:flex;width:100%;justify-content:flex-start;color:#000;font-style:normal;letter-spacing:-0.32px}
.cmp-promotionbanner .button-group{margin-top:0;justify-content:flex-end;flex-wrap:nowrap}
.cmp-promotionbanner .button{margin:0 48px 0 0}
.cmp-promotionbanner .button.promotionbanner__closebtn{position:unset}
}