.modalAgua {
  display: block;
  position: fixed;
  z-index: 9000000;
  left: 0;
  right: 0;
  top: 0;
  background-color: transparent;
  width: 35%;
  height: auto;
  overflow-y: hidden;
  will-change: top, opacity;
}

.marginBtnModal {
  margin-left: 0%; 
}

.btnModal{
  background: #1e88e5;
  position: fixed;
  z-index: 90000;
  border-radius: 20px; 
}

@media only screen and (max-width: 600px) {
  .modalAgua{
    width: 90%;
    height: 73%;
    margin-left: 5%;
  }
}

@media only screen and (min-width: 601px) and (max-width: 992px) {
  .modalAgua {
    width: 60%;
    margin-top: 5%;
  } 
}

@media only screen and (min-width: 993px) {
  .modalAgua {
    width: 30%;
    margin-top: 2%;
  } 
}