.analytics-consent {
  position: fixed;
  z-index: 1000;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.analytics-consent__content {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: min(100%, 48rem);
  padding: 1rem 1.125rem;
  color: #f7fafc;
  background: #172333;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: .7rem;
  box-shadow: 0 .75rem 2rem rgba(0, 0, 0, .25);
  pointer-events: auto;
}

.analytics-consent p { margin: 0; font-size: .9rem; line-height: 1.5; }
.analytics-consent a { color: inherit; text-decoration: underline; }
.analytics-consent__actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: .5rem; }
.analytics-consent__button, .analytics-preferences-link { font: inherit; cursor: pointer; }
.analytics-consent__button { min-height: 2.5rem; padding: .55rem .8rem; border: 1px solid transparent; border-radius: .35rem; font-weight: 600; }
.analytics-consent__button--allow { color: #172333; background: #fff; }
.analytics-consent__button--reject { color: #fff; background: transparent; border-color: rgba(255, 255, 255, .7); }
.analytics-consent__button:hover { filter: brightness(.94); }
.analytics-consent__button:focus-visible, .analytics-preferences-link:focus-visible { outline: 3px solid #f4c95d; outline-offset: 3px; }
.analytics-preferences-link { padding: 0; color: inherit; background: transparent; border: 0; text-decoration: underline; }

@media (max-width: 40rem) {
  .analytics-consent { right: .75rem; bottom: .75rem; left: .75rem; }
  .analytics-consent__content { display: block; }
  .analytics-consent__actions { margin-top: .85rem; }
}