.klaro .context-notice p {
  font-size: 18px !important;
}

.klaro .context-notice p a {
  color: #333 !important;
}

.klaro .context-notice .cm-btn {
  padding: 5px 10px !important;
  background-color: #333 !important;
  border-color: #333 !important;
}

.klaro .context-notice .cm-btn:hover {
  background-color: #444 !important;
  border-color: #444 !important;
  color: #fff !important;
}

@media screen and (max-width: 40em) {
  .klaro .context-notice {
    display: block !important;
    position: relative !important;
    height: 120% !important;
    top: -10% !important;
  }
  .klaro .context-notice p {
    font-size: 14px !important;
  }
  .klaro .context-notice .cm-btn {
    padding: 3px 10px !important;
  }
}

@media screen and (min-width: 40em) {
  .klaro .context-notice {
    display: flex !important;
  }
}