.analytics-notice {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 20;
  width: min(440px, calc(100vw - 36px));
  padding: 18px;
  background: #315CFF;
  color: #fff;
  box-shadow: 8px 8px 0 #151713;
}

.analytics-notice p { margin: 0 0 14px; font-size: 14px; font-weight: 700; }
.analytics-notice a { color: #fff; text-decoration: underline; }
.analytics-notice div { display: flex; flex-wrap: wrap; gap: 10px; }
.analytics-notice button, [data-analytics-preferences] { min-height: 44px; border: 1px solid currentColor; padding: 9px 13px; background: #fff; color: #151713; font: inherit; font-weight: 800; cursor: pointer; }
.analytics-notice button + button { background: transparent; color: #fff; }

footer [data-analytics-preferences] { min-height: 44px; background: transparent; color: inherit; }

.privacy-page { max-width: 780px; margin: 0 auto; padding: 88px 32px; }
.privacy-page h1 { margin: 0 0 28px; font-size: clamp(46px, 7vw, 82px); line-height: .95; letter-spacing: -.06em; text-transform: uppercase; }
.privacy-page h2 { margin: 42px 0 12px; font-size: 24px; }
.privacy-page p { max-width: 65ch; }

@media (max-width: 760px) {
  .analytics-notice { right: 12px; bottom: 12px; width: calc(100vw - 24px); box-shadow: 5px 5px 0 #151713; }
  .analytics-notice div { display: grid; grid-template-columns: 1fr 1fr; }
  .privacy-page { padding: 62px 18px; }
}