.page__modal {
  position: fixed;
  margin-top: 2rem;
  left: 100vw;
  top: 2rem;
  width: 20rem;
  min-height: 3rem;
  padding: 1rem;
  background: var(--color-background-form-element-primary);
  color: var(--color-text-content);
  border-radius: 1.2rem;
  transition: 0.4s ease-in-out;
  z-index: 9999;
}

.page__modal-transform-in {
  transform: translateX(-50vw) translateX(-10rem) translateX(calc(var(--padding-size) * -1));
}

.page__modal-container {
  display: flex;
  flex-flow: column wrap;
}

.page__modal-container-title {
  font-weight: 900;
}

.page__modal-container-message {
  padding: 1rem 0;
}

.page__modal-container-action {
  display: flex;
  justify-content: space-between;
}

.page__modal-container-action a {
  color: var(--color-text-secondary);
}