.analytics-notice {
  position: fixed;
  z-index: 90;
  right: 18px;
  bottom: 18px;
  width: min(510px, calc(100% - 36px));
  padding: 17px 18px 17px 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  border: 1px solid rgba(23, 24, 23, .14);
  border-radius: 15px;
  background: rgba(255, 254, 251, .97);
  box-shadow: 0 16px 46px rgba(30, 24, 19, .18);
  color: #171817;
  transition: opacity 180ms ease, transform 180ms ease, visibility 0s linear 180ms;
}

.analytics-notice[hidden] { display: none; }
.analytics-notice.is-closing { opacity: 0; transform: translateY(12px); pointer-events: none; visibility: hidden; }
.analytics-notice p { margin: 0; padding-right: 4px; font: 400 12px/1.48 "DM Sans", Arial, sans-serif; }
.analytics-notice a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.analytics-notice-actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.analytics-notice-accept,
.analytics-notice-close {
  border: 0;
  cursor: pointer;
  color: #171817;
  font: 700 12px/1 "DM Sans", Arial, sans-serif;
}
.analytics-notice-accept { min-height: 34px; padding: 0 12px; border-radius: 9px; background: #c8f4d8; }
.analytics-notice-close { width: 28px; height: 28px; padding: 0; border-radius: 50%; background: transparent; font-size: 20px; font-weight: 400; }
.analytics-notice-accept:hover { background: #b8eccb; }
.analytics-notice-close:hover { background: rgba(23, 24, 23, .07); }
.analytics-notice-accept:focus-visible,
.analytics-notice-close:focus-visible { outline: 2px solid rgba(237, 63, 59, .55); outline-offset: 2px; }

@media (max-width: 620px) {
  .analytics-notice { right: 12px; bottom: 12px; width: calc(100% - 24px); padding: 14px 14px 14px 16px; gap: 10px; align-items: flex-start; }
  .analytics-notice p { font-size: 11px; line-height: 1.42; }
  .analytics-notice-actions { gap: 4px; }
  .analytics-notice-accept { min-height: 32px; padding: 0 10px; }
  .analytics-notice-close { width: 26px; height: 26px; }
}