html:not(.promo-visible){--promo-offset:0px!important}
.promo:not(.promo-revealed){visibility:hidden;pointer-events:none;transform:translateY(-100%);opacity:0}
.promo{transition:transform .28s ease,opacity .28s ease;}
.promo.promo-revealed{visibility:visible;transform:translateY(0);opacity:1}
@media(max-width:760px){
 .promo button#promoClose{width:44px;height:44px;right:0;z-index:3}
 .promo .promo-cta{position:relative;isolation:isolate}
 .promo .promo-cta::before{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%);z-index:-1}
}
@media(prefers-reduced-motion:reduce){.promo{transition:none}}