.modal-button {
  height: 40px; 
  padding: 10px; 
  border-radius: 22px; 
  background-color: var(--primary); 
  color: #fff; 
  text-decoration: none; 
  z-index: 2; 
  flex-shrink: 0;
}

.modal-button:hover {
  text-decoration: none; 
  color: #fff;
}

#modal_form {
  max-width:450px; 
  min-width:250px; 
  width: 100%; 
  padding:19px 20px; 
  border:5px solid #cfd0d5;
  background-color:#FFF;
  background:#fff;
  position:fixed;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  display:none;
  opacity:0;
  z-index:5;
  box-sizing: border-box;
}

#overlay_cb {
  z-index:3;
  position:fixed;
  background-color:#000;
  opacity:0.8;
  -moz-opacity:0.8;
  filter:alpha(opacity=80);
  width:100%;
  height:100%;
  top:0;
  left:0;
  cursor:pointer;
  display:none;
}

#modal_form input[type="text"] {
  background-color:#fff;
  border:1px solid #DFDFDF;
  border-radius:6px;
  color:#555;
  display:block;
  font-size:1em;
  height:35px;
  padding:5px;
  margin-bottom:17px;
  width:95%;
  float:left;
}

#modal_form input[type="text"].error {
  border:1px solid red;
}

#modal_form h3 {
  text-align:center;
  font-size:2em;
  text-transform:uppercase;
  color:#000; 
  margin: 0;
}

#modal_form .comment {
  color:#272727;
  padding-bottom:15px;
  font-size:14px;
  text-align:center;
  padding-top:10px;
}

.exit {
  background:#d0d0d0;
  display:block !important;
  border-radius:50%;
  right:-30px;
  top:-20px;
  position:absolute;
  opacity:1;
  width:33PX;
  height:33px;
  line-height:30px;
  font-size:36px;
  border:2px solid #3e5368;
  -webkit-transition:background 0.2s linear;
  -moz-transition:background 0.2s linear;
  -o-transition:background 0.2s linear;
  transition:background 0.2s linear;
}

.exit:after {
  display:block;
  font-size:23px;
  content:"x";
  padding-left:9px;
  line-height:24px;
  cursor:pointer;
  text-decoration:none;
  font-weight:bold;
  color:#000000;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  -o-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.exit:hover {
  background:#EAEAEA;
  text-decoration:none;
}

#modal_form .button {
  display:block;
  background-color:#ffd400;
  border:1px solid #ccc;
  border-radius:3px;color:#000;
  cursor:pointer;
  font-size:17px;
  font-weight:bold;
  height:40px;
  margin:10px 0;
  padding:2px 16px;
  width:210px;
  margin:0 auto;
  -webkit-transition:all 0.12s ease-in;
  -o-transition:all 0.12s ease-in;
  -moz-transition:all 0.12s ease-in;
  transition:all 0.12s ease-in;
}
#modal_form .button:hover {
  background-color:#44C8F5;
  border:1px solid #44C8F5;
  color:#fff;
}
#modal_form .error {
  border:1px solid red;
}