.analytics-consent, .analytics-settings {
  position: fixed;
  z-index: 100;
  right: 1rem;
  bottom: 1rem;
  color: #edf5fa;
  background: #10212e;
  border: 1px solid #617685;
  border-radius: .6rem;
  box-shadow: 0 .5rem 2rem #0006;
  font: 1rem/1.5 system-ui, sans-serif;
}
.analytics-consent { width: min(27rem, calc(100vw - 2rem)); padding: 1.25rem; }
.analytics-consent h2 { margin: 0 0 .5rem; font-size: 1.125rem; }
.analytics-consent p { margin: 0 0 1rem; }
.analytics-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.analytics-actions button, .analytics-settings {
  cursor: pointer;
  padding: .6rem .85rem;
  min-height: 44px;
  border: 1px solid #8299a8;
  border-radius: .35rem;
  background: #173a50;
  color: #fff;
  font: inherit;
}
.analytics-actions button:hover, .analytics-settings:hover { background: #24516c; }
.analytics-actions button:focus-visible, .analytics-settings:focus-visible { outline: 3px solid #78d8ff; outline-offset: 3px; }
.analytics-settings { font-size: .875rem; }
.analytics-consent[hidden], .analytics-settings[hidden] { display: none; }