#modal_box {
  position: fixed;
  bottom: 2rem;
  left: 1rem;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  z-index: 70;
  transition: .3s;
}
.Modal {
  background: white;
  border-radius: 1rem;
  padding: 1rem 2rem;
  box-shadow: 0 0 2rem 0 #00000033;
  margin: 2rem;
  max-width: 90vw;
  width: 50rem;
  display: flex;
  flex-direction: column;
  transition: .3s;
  transform: translateY(60rem); opacity: 0;
}
.Modal > h3 {
  color: #000000;
  font-family: Narin;
  font-weight: 800;
  font-size: 2.6rem;
}
.Modal > p {
  color: #000000;
  font-family: nunito;
  font-weight: 400;
  font-size: 1.6rem;
}
.Modal button {
  color: #ffffff;
  font-family: Narin;
  font-weight: 800;
  font-size: 2.2rem;
  padding: 1rem 2rem;
  outline: none ;
  border: none;
  border-radius: 10rem;
  width: max-content;
  background-color: #000000;
}
#modal_type1 > button{
  align-self: flex-end;
    /* height: 5rem; */
}
#modal_type2{
    display: flex;
    flex-direction: row;
    align-items: center;
    height: max-content;
    justify-content: space-between;
    height: auto;
    /* transform: translateY(60rem); opacity: 0; */
}