@import url(https://fonts.googleapis.com/css?family=Lato:300,400,900);

.button-wrap {
/*  position: relative;*/
  text-align: center;
/*  background-color: gray;*/
 /* top: 50%;*/
/*  margin-top: -2.5em;*/
}
@media (max-width: 40em) {
  .button-wrap {
/*    margin-top: -1.5em;*/
  }
  
 
}

.button-label {
  display: inline-block;
  padding: 0.5em 2em;
  margin: 0.5em;
  width: 45%;
  cursor: pointer;
  color: #fff;
  border-radius: 0.25em;
  background: #cd517e;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.22);
  transition: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.button-label h1 {
  font-size: 2.5em;
/*  font-family: "Lato", sans-serif;*/
  font-family: "PulsoRegular";	
  margin-bottom: 20px;

}

.button-label h2 {
  font-size: 1.5em;
/*  font-family: "Lato", sans-serif;*/
  font-family: "PulsoRegular";	
  margin-bottom: 20px;
}
.button-label:hover {
  background: #a7365f;
  color: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.32);
}
.button-label:active {
  transform: translateY(2px);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0px -1px 0 rgba(0, 0, 0, 0.22);
}
@media (max-width: 40em) {
  .button-label {
    padding: 0em 1em 3px;
    margin: 0.25em;
  }
}

#monto-button:checked + .button-label {
  background: #2ECC71;
  color: #efefef;

}


#monto-button:checked + .button-label:hover {
  background: #29b765;
  color: #e2e2e2;
}

#monto-button2:checked + .button-label {
  background: #2ECC71;
  color: #efefef;
}
#monto-button:checked + .button-label:hover {
  background: #29b765;
  color: #e2e2e2;
}


#cuota-button:checked + .button-label {
  background: #2ECC71;
  color: #efefef;
}
#cuota-button:checked + .button-label:hover {
  background: #29b765;
  color: #e2e2e2;
}

#cuota-button2:checked + .button-label {
  background: #2ECC71;
  color: #efefef;
}
#cuota-button:checked + .button-label:hover {
  background: #29b765;
  color: #e2e2e2;
}

#no-button:checked + .button-label {
  background: #D91E18;
  color: #efefef;
}
#no-button:checked + .button-label:hover {
  background: #c21b15;
  color: #e2e2e2;
}

#maybe-button:checked + .button-label {
  background: #4183D7;
  color: #efefef;
}
#maybe-button:checked + .button-label:hover {
  background: #2c75d2;
  color: #e2e2e2;
}

.hidden {
  display: none;
}

@media only screen and (max-width:768px) {

 .button-label {
  	  width: 100%;
  }

}