.fixed-alert {
  position: fixed;
  width: 50rem !important;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  /* background-color: #f3c08c; */
  z-index: 1000;
  box-shadow: 4px -3px 21px 0 rgb(83 246 198 / 37%);
  animation: bottomToTop ease 1s;
  -webkit-animation: bottomToTop ease 1s;
  -moz-animation: bottomToTop ease 1s;
  -o-animation: bottomToTop ease 1s;
  -ms-animation: bottomToTop ease 1s;
}

.fixed-alert-close {
  padding: 0 .5rem .5rem .5rem !important;
  font-size: 3rem;
}

.fixed-alert-close:hover {
  color: #f5891e;
}

.alert-title {
  font-weight: 700;
  color: #000;
}

.alert-message {
  color: #282828;
  margin-top: 1rem;
}

.alert-btn-wrapper {
  display: flex;
  justify-content: center;
}

.fixed-alert .btn-success {
  background-color: #088344;
  border-color: #088344;
}

@media (max-width: 850px) {
  .fixed-alert {
    width: 90% !important;
  }
}

@keyframes bottomToTop {
  0% {
    margin-bottom: -23%;
  }
  100% {
    margin-top: 0%;
  }
}