.consent-banner {
  width: auto;
  max-width: 1000px;
  border: 1px solid #cbd9e5;
  border-radius: 12px;
  bottom: max(16px, env(safe-area-inset-bottom));
}

.consent-banner .consent-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: min(100%, 320px);
}

.consent-banner [data-consent-settings] {
  grid-column: 1 / -1;
  grid-row: 2;
}

.consent-banner [data-consent-accept] {
  grid-column: auto;
}

.consent-banner [data-consent-reject],
.consent-banner [data-consent-accept],
.consent-dialog [data-consent-reject],
.consent-dialog [data-consent-accept] {
  min-height: 44px;
  background: #174b76;
  border-color: #174b76;
  color: #fff;
}

.consent-banner [data-consent-settings] {
  min-height: 44px;
}

.consent-dialog {
  border-radius: 12px;
}

@media (max-width: 600px) {
  .consent-banner {
    right: 12px;
    left: 12px;
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
  }

  .consent-banner .consent-actions {
    min-width: 0;
  }

  .consent-banner .consent-actions button {
    padding-inline: 8px;
  }
}