/* VISUALIZZAZIONE DA LAPTOP */
.container {
  position: relative;
}

.button1 {
  position: absolute;
  top: 91%;
  left: 71%;
  transform: translate(-50%, -50%);
  background-color: #ffffff; 
  color: white;
  padding: 1.5%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 52px;
}.button2 {
  position: absolute;
  top: 21%;
  left: 47%;
  transform: translate(-50%, -50%);
  background-color: #ffffff; 
  color: white;
  padding: 1.5% ;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 52px;
}.button3 {
  position: absolute;
  top: 21%;
  left: 85%;
  transform: translate(-50%, -50%);
  background-color: #ffffff; 
  color: white;
  padding: 1.5%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 52px;
}
.popup {
  display: none;
  position: absolute;
  background-color: #f1f1f100;
  border: 1px solid #d3d3d300;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

button:hover .popup{
  display: block;
  

}
/* VISUALIZZAZIONE DA MOBILE VERTICALE */
@media (max-width: 800px) {
  .popup {
    display: block;
    
  }
}