.wwb-consent[hidden] { display: none; }
.wwb-consent { position: fixed; z-index: 10000; inset: 0; display: grid; place-items: end center; padding: 1rem; background: rgb(0 0 0 / .45); }
.wwb-consent__panel { width: min(100%, 44rem); padding: 1.5rem; color: #072b2c; background: #fff; border: .25rem solid #007476; box-shadow: 0 .8rem 2rem rgb(0 0 0 / .28); }
.wwb-consent__panel h2 { margin: 0 0 .75rem; font-size: 1.35rem; }
.wwb-consent__panel p { margin: 0; max-width: 68ch; line-height: 1.5; }
.wwb-consent__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; }
.wwb-consent button, .wwb-consent-revoke { min-height: 2.75rem; padding: .6rem .9rem; color: #072b2c; font: inherit; font-weight: 700; cursor: pointer; border: 2px solid currentColor; background: #fff; }
.wwb-consent__accept { color: #fff !important; background: #007476 !important; border-color: #007476 !important; }
.wwb-consent button:focus-visible, .wwb-consent-revoke:focus-visible { outline: 3px solid #f5bc23; outline-offset: 3px; }
.wwb-consent-revoke { display: block; margin: 1rem auto; font-size: .9rem; }
@media (max-width: 36rem) { .wwb-consent { place-items: end stretch; } .wwb-consent__actions { display: grid; } }