@media (max-width: 620px) {
  .cf-consent[data-comfoo-consent-modal],.comfoo-cookies[data-comfoo-consent-modal] { padding: 22px; }
  dialog[data-comfoo-consent-modal] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  dialog.cf-consent[data-comfoo-consent-modal],
  dialog.comfoo-cookies[data-comfoo-consent-modal] {
    inset: auto 12px max(12px, env(safe-area-inset-bottom));
    transform: none;
    max-width: none;
    max-height: calc(100dvh - 24px - env(safe-area-inset-bottom));
  }
  .cf-consent[data-comfoo-consent-modal] .cf-consent__actions,
  .comfoo-cookies[data-comfoo-consent-modal] .comfoo-cookies-bar__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(48px, auto));
  }
  .cf-consent[data-comfoo-consent-modal] .cf-consent__actions :is([data-consent-accept],[data-comfoo-cookies-accept]),
  .comfoo-cookies[data-comfoo-consent-modal] .comfoo-cookies-bar__actions [data-comfoo-cookies-accept] {
    grid-column: 2;
    grid-row: 1 / 3;
  }
  .cf-consent[data-comfoo-consent-modal] .cf-consent__actions [data-consent-deny],
  .comfoo-cookies[data-comfoo-consent-modal] .comfoo-cookies-bar__actions [data-comfoo-cookies-deny] {
    grid-column: 1;
    grid-row: 1;
  }
  .cf-consent[data-comfoo-consent-modal] .cf-consent__actions [data-consent-open],
  .comfoo-cookies[data-comfoo-consent-modal] .comfoo-cookies-bar__actions [data-comfoo-cookies-open] {
    grid-column: 1;
    grid-row: 2;
  }
}