.modal-dialog-bottom {
  position: relative;
  animation: animatebottom 0.4s;
  display: flex;
  align-items: flex-end;
  min-height: calc(100% - 1rem);
}

@keyframes animatebottom {
  from {
    bottom: -150px;
    opacity: 0;
  }

  to {
    bottom: 0;
    opacity: 1;
  }
}