.AlertWrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 31;
}

.Alert {
  background: var(--dialog-bg);
  border-radius: $unit;
  display: flex;
  flex-direction: column;
  gap: $unit-2x;
  min-width: 20vw;
  max-width: 30vw;
  padding: $unit * 4;

  .description {
    font-size: $font-regular;
    line-height: 1.4;

    strong {
      font-weight: $bold;
    }
  }

  .buttons {
    display: flex;
    align-self: flex-end;
    gap: $unit;
  }
}