.PromoBanner{position:relative;z-index:10000;position:fixed;bottom:0;right:0;width:calc(360px + 100*(100vw - 360px)/1560);max-width:460px;background-color:var(--color);transform:translateY(100%);transition:transform .5s;container-type:inline-size}.PromoBanner__container{display:flex;align-items:center;min-height:100cqw}.PromoBanner__content{width:100%;position:relative;display:flex;flex-direction:column;padding:var(--space-md)}.PromoBanner__arrow-down{width:10%;align-self:flex-end;transform:rotate(-135deg)}.PromoBanner__headline{font-size:10cqw}.PromoBanner__headline span{display:block}.PromoBanner__headline span:nth-child(2){display:flex;align-items:center}.PromoBanner__headline span:nth-child(2):before{content:"";position:relative;display:block;width:.5em;height:.5em;background-image:url(/assets/svg/curve.svg);margin-left:.5em;margin-right:.5em;background-size:contain}.PromoBanner__footer{display:flex;justify-content:space-between}.PromoBanner__arrow-up{width:10%;transform:rotate(45deg)}.PromoBanner--show{transform:translateY(0)}.PromoBanner--hide{transform:translateY(100%);visibility:hidden;transition:transform .5s ease,visibility 0s linear .5s}.PromoBanner__button{z-index:1;position:absolute;top:10px;right:10px;border:0;padding:0;margin:0;background-color:rgba(0,0,0,0);cursor:pointer}