.message-popup {
  position: fixed;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50vw;
  padding: 40px 50px;
  background-color: #fff;
  z-index: 9999;
}
.message-popup.error {
  border: 10px solid #E95B0D;
}
.message-popup.success {
  border: 10px solid #2EA361;
}
.message-popup button {
  position: absolute;
  top: 30px;
  right: 20px;
}
.message-popup  span {
  font-size: 0;
}
.message-popup a {
    cursor: pointer;
    position: relative;

}
.message-popup a::before {
  content: '';
  position: absolute;
  bottom:0;
  width: 100%;
  border: 1px solid  #2EA361;
}
@media screen and (max-width: 991px) {
  .message-popup {
    top: 30%;
    width: 100vw;
    padding: 20px;
  }
}