.analytics-consent {
  position: fixed;
  z-index: 1000;
  right: max(1rem, env(safe-area-inset-right));
  bottom: max(1rem, env(safe-area-inset-bottom));
  left: max(1rem, env(safe-area-inset-left));
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.25rem;
  align-items: center;
  max-width: 72rem;
  margin-inline: auto;
  padding: 1.25rem;
  border: 1px solid var(--color-border, #d8d8d8);
  border-radius: 0.75rem;
  background: var(--color-surface, #fff);
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);
}

.analytics-consent[hidden] {
  display: none;
}

.analytics-consent h2,
.analytics-consent p {
  margin-block: 0 0.5rem;
}

.analytics-consent__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

@media (max-width: 48rem) {
  .analytics-consent {
    grid-template-columns: 1fr;
  }
}