.consent-banner {
  position: fixed;
  z-index: 1000;
  left: 20px;
  right: 20px;
  bottom: 20px;
  max-width: 720px;
  margin: auto;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 16px 18px;
  box-shadow: 0 18px 60px rgba(21, 31, 26, .2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.consent-banner[hidden] { display: none; }
.consent-banner p { margin: 0; font-size: 13px; }
.consent-banner > div { display: flex; gap: 8px; flex: none; }
@media (max-width: 620px) {
  .consent-banner { align-items: stretch; flex-direction: column; left: 10px; right: 10px; bottom: 10px; }
  .consent-banner > div .button { flex: 1; }
}