.card-buttons {
  display: flex;               
  flex-direction: column;      
  gap: 10px;                   
  position: absolute;          
  right: 22%;                 
  top: 35%;                    
  transform: translateY(-50%); 
}

.form-button, .whatsapp-button-card { 
  color: white;
  border: none;
  border-radius: 50%;         
  width: 60px;                
  height: 60px;               
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
}

.form-button:hover, .whatsapp-button-card:hover {
  transform: scale(1.1);      
}

.form-button::before {
  content: "\2709";           
  font-size: 24px;
}

.whatsapp-button-card::before {
  content: "\1F4AC";           
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900;
  font-size: 24px;
}

.whatsapp-button-card{
  background-color: rgb(3, 209, 3);
} 

@media(min-width:360px) and (max-width:772px){
  .card-buttons{
    display: flex;
    flex-direction: row;
    top: 90%;
    right: 29%;
  }
}

@media(min-width:773px) and (max-width:950px){
  .card-buttons{
    display: flex;
    flex-direction: row;
    top: 85%;
    right: 40%;
  }
}

@media (min-width:951px)  and (max-width:1037px){
  .card-buttons{
    right: 2%;
    top: 15%;
  }
}

@media (min-width:1038px)  and (max-width:1499px){
  .card-buttons{
    right: 2%;
    top: 25%;
  }
}

@media (min-width:1500px){
  .card-buttons{
    right: 2%;
    top: 25%;
  }
}