.buttonazul {
    background-color: #2E9AFE;
  border: none;
  border-radius: 6px;
  color: white;
  padding: 5px 20px;
  text-align: center;
  font-weight:bold ;
  display: inline-block;
  font-size: 12px;
  margin: 2px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.buttonazul:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    transform: translateX(4px);
}
.buttonazul:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.buttonverde {
  background-color: #4CAF50;
  border: none;
  border-radius: 6px;
  color: white;
  padding: 5px 20px;
  text-align: center;
  font-weight:bold ;
  display: inline-block;
  font-size: 12px;
  margin: 2px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
.buttonverde:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    transform: translateX(4px);
}
.buttonverde:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.buttonvermello {
    background-color: #FA5858;
  border: none;
  border-radius: 6px;
  color: white;
  padding: 5px 20px;
  text-align: center;
  font-weight:bold ;
  display: inline-block;
  font-size: 12px;
  margin: 2px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.buttonvermello:hover {
 box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  transform: translateX(4px);

  
}
.buttonvermello:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  
}

.buttonlaranxa {
    background-color: #FAAC58;
 border: none;
  border-radius: 6px;
  color: white;
  padding: 5px 20px;
  text-align: center;
  font-weight:bold ;
  display: inline-block;
  font-size: 12px;
  margin: 2px 2px;
  cursor: pointer;
}
.buttonlaranxa:hover {
 box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  transform: translateX(4px);
}
.buttonlaranxa:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
}

.buttonxl {width: 250px;}