.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:10px var(--space-sm)}.PromoBanner__arrow-down{width:8%;align-self:flex-start;transform:rotate(135deg)}.PromoBanner__headline{font-family:studiofeixen;font-weight:300;line-height:100%;font-size:clamp(18px,18px + 0.0064102564*(100vw - 360px),28px)}.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__buttons{align-self:flex-end}.PromoBanner__arrow-up{width:8%;align-self:flex-end;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}