.install-button {
  margin-left: auto;
  border: 1px solid #9cdfd5;
  background: var(--teal-pale);
  color: #087f72;
  border-radius: 10px;
  padding: 9px 13px;
  font-weight: 750;
  cursor: pointer;
  white-space: nowrap;
}
.install-button:hover { background: #d9f7f2; border-color: var(--teal); }
.install-button span { font-size: 1.05rem; margin-right: 4px; }
.install-button + .bell { margin-left: 0; }
.standalone .install-button { display: none; }
.install-dialog {
  position: fixed;
  inset: 0;
  background: rgba(4, 25, 38, .62);
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 20px;
}
.install-dialog[hidden] { display: none; }
.install-card {
  width: min(420px, 100%);
  background: #fff;
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .25);
  position: relative;
  text-align: center;
}
.install-card img { border-radius: 17px; box-shadow: 0 8px 20px rgba(9, 40, 59, .18); }
.install-card h2 { margin: 14px 0 8px; }
.install-card p, .install-card ol { color: var(--muted); font-size: .9rem; text-align: left; }
.install-card ol { padding-left: 22px; margin: 14px 0 20px; }
.install-card li { margin: 7px 0; }
.dialog-close {
  position: absolute;
  right: 14px;
  top: 10px;
  border: 0;
  background: none;
  color: var(--muted);
  font-size: 1.7rem;
  cursor: pointer;
}
@media (max-width: 820px) {
  .install-button { margin-left: auto; padding: 8px 10px; font-size: .78rem; }
}
@media (max-width: 540px) {
  .install-button { font-size: 0; width: 40px; height: 40px; padding: 0; }
  .install-button span { font-size: 1.2rem; margin: 0; }
}