/* 18+ / advertising notice in the footer of every page. The markup is api/age-notice.html, synced into each page
   between <!-- age-notice:start --> and <!-- age-notice:end --> by `node api/age-notice.mjs --write`. */
.age-notice{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;box-sizing:border-box;flex:1 1 100%;grid-column:1/-1;width:100%;margin:22px 0 0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.78);font-family:inherit;font-size:13px;font-weight:400;line-height:1.55;text-align:left;letter-spacing:0;text-transform:none}
.age-notice .age-badge{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border:2px solid rgba(255,255,255,.7);border-radius:50%;color:#fff;font-size:14px;font-weight:800;line-height:1;letter-spacing:0}
.age-notice .age-text{order:0;margin:0;flex:1 1 240px;color:rgba(255,255,255,.88)}
.age-notice .age-text strong{display:inline;font-size:inherit;font-weight:700;color:inherit}
.age-notice .age-text a{margin-left:6px;color:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.age-notice .age-text a:hover{text-decoration-thickness:2px}
.age-notice .age-text a:focus-visible{outline:2px solid #9b4dff;outline-offset:3px;border-radius:3px}
.age-notice .age-ad{flex:1 1 100%;margin:0;color:rgba(255,255,255,.68)}
/* The showcase footer is a flex row whose generic `p` rules would otherwise shrink the notice. */
.showcase-footer{flex-wrap:wrap}
.showcase-footer .age-notice .age-ad{order:0;flex:1 1 100%}
.showcase-footer .age-notice{order:5}
/* Badge next to a casino button (home popup, real-money offer): the CTA is always shown together with 18+. */
.age-badge-inline{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border:2px solid rgba(255,255,255,.7);border-radius:50%;color:#fff;font-size:12px;font-weight:800;line-height:1;letter-spacing:0;text-transform:none}
.cta-row{display:flex;align-items:center;gap:12px}
.real-copy .cta-row{margin-top:20px}
.real-copy .cta-row .primary-button{flex:1;width:auto;margin-top:0}