body .klaro .cookie-notice:focus,
body .klaro .cookie-notice:focus-visible {box-shadow: var(--klaro-dialog-focus-box-shadow), 0 0 0 4px rgb(173 26 22 / 85%) !important;}
.klaro .cookie-notice:not(.cookie-modal-notice) .klaro-close:hover,
.klaro .cookie-notice:not(.cookie-modal-notice) .klaro-close:focus,
.klaro .cookie-notice:not(.cookie-modal-notice) .klaro-close:focus-visible {color: #c10302 !important; background-color: transparent !important;}

body .klaro .cookie-modal .cm-modal .cm-header > button.hide {
  display: block !important;
}

@media (max-width: 1023px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-ok {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: .75rem !important;
    margin-top: 1rem !important;
  }

  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-ok .cn-learn-more,
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-ok .cn-buttons {
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-ok .cn-buttons .cm-btn {
    width: auto !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 480px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-ok {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
  }
}

@media (max-width: 480px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) .klaro-close {
    top: -1.25rem !important;
  }
}