/* ________________BOTTONI_________________*/
.blubut {
  display: inline-block;
  padding: 10px 20px;
  background-color: #008CBA;
  color: white;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.smagrebut {
  display: inline-block;
  padding: 3px 7px;
  background-color: lightgreen;
  color: black;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.grebut {
  display: inline-block;
  padding: 10px 20px;
  background-color: green;
  color: white;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.redbut {
  display: inline-block;
  padding: 10px 20px;
  background-color: #FF0000;
  color: white;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.orabut {
  display: inline-block;
  padding: 10px 20px;
  background-color: #FF8000;
  color: white;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.yelbut {
  display: inline-block;
  padding: 10px 20px;
  background-color: #FFFF00;
  color: black;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.gribut {
  display: inline-block;
  padding: 10px 20px;
  background-color: #808080;
  color: white;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.azzbut {
  display: inline-block;
  padding: 10px 20px;
  background-color: #A5D9FD;
  color: black;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.purbut {
  display: inline-block;
  padding: 10px 20px;
  background-color: #800080;
  color: white;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.smaorabut {
  display: inline-block;
  padding: 3px 7px;
  background-color: #FF8000;
  color: white;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.smablubut {
  display: inline-block;
  padding: 3px 7px;
  background-color: #008CBA;
  color: white;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.smaredbut {
  display: inline-block;
  padding: 3px 7px;
  background-color: #FF0000;
  color: white;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}