.consent-banner {
  position: fixed;
  right: 20px;
  bottom: 20px;
  left: 20px;
  z-index: 99999;
  width: min(760px, calc(100% - 40px));
  margin: auto;
  padding: 20px;
  color: #eef6ff;
  background: #102f4c;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 18px;
  box-shadow: 0 20px 65px rgba(0, 0, 0, .32);
  font-family: "Source Sans 3", system-ui, sans-serif;
}
.consent-banner h2 {
  margin: 0 0 8px;
  color: #fff !important;
  font: 800 1.15rem/1.3 "Source Sans 3", system-ui, sans-serif;
}
.consent-banner p { margin: 0; color: #dce8f2; font-size: .95rem; line-height: 1.5; }
.consent-banner a { color: #9ed8ff; }
.consent-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 16px; flex-wrap: wrap; }
.consent-actions button {
  min-height: 42px;
  padding: 9px 18px;
  border: 1px solid #b9d7ec;
  border-radius: 999px;
  font: 800 .92rem "Source Sans 3", system-ui, sans-serif;
  cursor: pointer;
}
.consent-reject { color: #fff; background: transparent; }
.consent-accept { color: #102f4c; background: #fff; }
@media (max-width: 680px) {
  .consent-banner { right: 10px; bottom: 10px; left: 10px; width: calc(100% - 20px); }
  .consent-actions button { flex: 1; }
}