.boo-promo{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(440px,calc(100vw - 24px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:20px;background:#171417;color:#fff;overflow:auto;box-shadow:0 24px 90px #0009;overscroll-behavior:contain}
.boo-promo::backdrop{background:rgba(10,12,16,.76);backdrop-filter:blur(4px)}
.boo-promo .boo-flyer{display:block;width:100%;height:auto}
.boo-promo .boo-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid #fff;border-radius:50%;background:#171417;color:#fff;font:30px/1 system-ui;cursor:pointer;z-index:1}
.boo-promo .boo-actions{position:sticky;bottom:0;display:grid;gap:4px;padding:12px 16px 8px;background:#171417}
.boo-promo .boo-signup{display:block;padding:14px 8px;border-radius:12px;background:#ff7b14;color:#171417;text-align:center;text-decoration:none;font:800 16px/1.4 system-ui}
.boo-promo .boo-later{padding:8px;border:0;background:transparent;color:#eee;font:14px/1.4 system-ui;cursor:pointer}
.boo-promo :is(button,a):focus-visible{outline:3px solid #fff;outline-offset:-5px}