.modal{
  position: fixed;
  background-color: rgba(0,0,0, 0.2);
  z-index: 100;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal_hidden{
  display:none;
}

.modal_outer{
  background-color: #fff;
  padding: 1.5em;
  width: 450px;
  max-width: 100%;
  margin: 1em;
}

.modal_inner{
}

.modal_flex{
  display: flex;
}

.flex_item{
  border: 1px solid gray;
  padding: 0.2em 0.5em;
  border-radius: 0.5em;
}

.flex_item:last-child{
  margin-left: auto;
}

.bg_red{
  background-color : #faa;
}

.bg_green{
  background-color : #afa;
}




.submit{
  width: 80%;
  max-width: 270px;
  display: block;
  text-align: center !important;
  text-decoration: none;
  background-color: #E3007F;
  font-size: 1.4rem !important;
  font-weight: bold;
  color: white;
  border: inherit;
  border-radius: 100px;
  padding: 8px 0px;
  margin: 0 auto;
  margin-top: 36px;
}