.msgbox {
  position: fixed;
  width: 50%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: black;
  text-align: center;
  padding: 40px;
  -webkit-box-shadow: 0px 10px 10px -7px rgb(0,0,0);
  box-shadow: 0px 10px 10px -7px rgb(0,0,0);
  display: none;
  background: #34e89e;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #0f3443, rgb(23, 188, 146));  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #0f3443, rgb(23, 188, 146));
}
.msgbox p.bigger {
  color: white;
}
.msgbuttoncontainer {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  margin-top: 40px;
}
.msgok {
  position: relative;
  float: left;
  width: auto;
  height: auto;
  top: 0;
  left: 50%;
  padding-left: 40px;
  padding-right: 40px;
  transform: translateX(-50%);
  border: 2px solid white;
  cursor: pointer;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}
.msgok p {
  line-height: 40px;
  text-transform: uppercase;
  color: white;
}
.msgok:hover {
  background: rgb(23, 188, 146);
  border-color: rgb(23, 188, 146);
}