#marcel-consent[hidden], #marcel-consent-open[hidden] { display: none !important; }
.marcel-consent,
.marcel-consent-open { box-sizing: border-box; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.marcel-consent {
  position: fixed; z-index: 2147483000; bottom: 1rem; left: 1rem; right: 1rem;
  max-width: 54rem; margin-inline: auto; padding: 1.25rem;
  max-height: 85dvh; overflow-y: auto;
  color: #fff; background: #21161b; border: 1px solid #c496a7;
  border-radius: .7rem; box-shadow: 0 12px 42px #0009;
  display: flex; gap: 1.25rem; align-items: center;
}
.marcel-consent h2 { color: #fff; font: 700 1.1rem/1.3 system-ui, sans-serif; margin: 0 0 .45rem; }
.marcel-consent p { color: #fff; font: 400 .94rem/1.5 system-ui, sans-serif; margin: 0; }
.marcel-consent a { color: #fff; text-decoration: underline; text-underline-offset: .2em; }
.marcel-consent__actions { display: flex; flex-wrap: wrap; gap: .6rem; flex: 0 0 auto; }
.marcel-consent button,
.marcel-consent-open {
  cursor: pointer; min-height: 2.75rem; padding: .6rem .85rem;
  border: 1px solid #fff; border-radius: .35rem;
  background: #fff; color: #21161b;
  font: 700 .84rem/1.25 system-ui, sans-serif;
}
.marcel-consent__actions button { flex: 1 1 9rem; }
.marcel-consent button:hover, .marcel-consent-open:hover { outline: 2px solid #fff; outline-offset: 2px; }
.marcel-consent button:focus-visible, .marcel-consent-open:focus-visible,
.marcel-consent a:focus-visible { outline: 3px solid #ffdb69; outline-offset: 3px; }
.marcel-consent-open {
  position: fixed; z-index: 2147482000; bottom: .75rem; left: .75rem;
  background: #21161b; color: #fff; box-shadow: 0 2px 14px #0006;
}
@media (max-width: 680px) {
  .marcel-consent { flex-direction: column; align-items: stretch; bottom: .5rem; left: .5rem; right: .5rem; padding: 1rem; }
  .marcel-consent__actions { flex-direction: column; }
  .marcel-consent button { width: 100%; }
}