/* The invitation to notifications (CustomApps::Dumont::PushPromptComponent): a card in the
   corner, over the bottom player, shown by push_prompt_controller. */
.dumont-push {
  position: fixed;
  right: 1rem;
  bottom: 86px;
  z-index: 1000;
  width: min(24rem, calc(100vw - 2rem));
  padding: 1.25rem;
  border-radius: 1rem;
  background: #fff;
  color: #1a1a1a;
  box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.45);
  transition: opacity 0.32s ease, transform 0.32s ease;
}

.dumont-push[hidden] {
  display: none;
}

.dumont-push[data-leaving] {
  opacity: 0;
  transform: translateY(1.5rem);
}

.dumont-push__title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
}

.dumont-push__text {
  margin: 0.4rem 0 0;
  font-size: 0.9rem;
  line-height: 1.4;
  color: #555;
}

.dumont-push__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 1rem;
}

.dumont-push__actions button {
  padding: 0.55rem 1rem;
  border: 0;
  border-radius: 999px;
  font-weight: 700;
  cursor: pointer;
}

.dumont-push__later {
  background: #f5f5f5;
  color: #555;
}

.dumont-push__allow {
  background: var(--primary-color, #0052a1);
  color: #fff;
}

.dumont-push__done {
  display: none;
}

.dumont-push[data-done] .dumont-push__ask {
  display: none;
}

.dumont-push[data-done] .dumont-push__done {
  display: block;
}