.jondi-pwa-prompt {
  position: fixed;
  z-index: 2147483000;
  right: 18px;
  bottom: 18px;
  width: min(390px, calc(100vw - 36px));
  box-sizing: border-box;
  padding: 19px 46px 18px 20px;
  color: #272727;
  background: #fff;
  border: 2px solid #f6a900;
  border-radius: 4px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .24);
  font-family: Raleway, Arial, sans-serif;
}
.jondi-pwa-prompt[hidden] { display: none !important; }
.jondi-pwa-prompt__content strong { display: block; font-family: 'Noto Serif', Georgia, serif; font-size: 19px; line-height: 1.25; }
.jondi-pwa-prompt__content p { margin: 8px 0 0; font-size: 14px; line-height: 1.45; }
.jondi-pwa-prompt__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.jondi-pwa-prompt__button { padding: 9px 12px; color: #222; background: #f6a900; border: 0; border-radius: 2px; font: inherit; font-weight: 700; cursor: pointer; }
.jondi-pwa-prompt__button:hover, .jondi-pwa-prompt__button:focus { background: #e39b00; color: #111; }
.jondi-pwa-prompt__close { position: absolute; top: 7px; right: 10px; width: 30px; height: 30px; padding: 0; color: #555; background: transparent; border: 0; font: 27px/1 Arial, sans-serif; cursor: pointer; }
.jondi-pwa-prompt__status:empty { display: none; }
.jondi-pwa-prompt__status { color: #555; font-style: italic; }
@media (max-width: 600px) { .jondi-pwa-prompt { right: 10px; bottom: 10px; width: calc(100vw - 20px); } }