.btn {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  transition: background 0.3s ease, transform 0.2s ease;
  cursor: pointer;
  font-weight: bold;
  background: #c5a87a;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 1rem;
  text-decoration: none;
  display: inline-block;
}

.btn:hover {
  background: linear-gradient(90deg, #c5a87a, #b8996c);
  transform: translateY(-2px);
}

/* WhatsApp Button */
.btn-whatsapp {
  display: inline-block;
  background: #25D366;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 1.2em;
  font-weight: 500;
}

.btn-whatsapp:hover {
  background: #1ebc59;
}

@media screen and (max-width: 768px) {
  #contact_whatsapp_header_btn > .texto-btn-whatsapp{
    display: none;
  }

  #contact_whatsapp_header_btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 56px;
    height: 56px;
    padding: 0;
    border-radius: 50%;
    background: #25D366;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    z-index: 9999;
    text-decoration: none;
  }
  /* remove o texto e deixe só o ícone */
  #contact_whatsapp_header_btn .texto-btn-whatsapp {
    display: none;
  }
  /* aumente o ícone para caber no círculo */
  #contact_whatsapp_header_btn .fab {
    font-size: 24px;
  }
  /* hover */
  #contact_whatsapp_header_btn:hover {
    background: #1ebc59;
  }
}

@media screen and (min-width: 769px) {
  .desktop-only{
    display: block;
  }


  #contact_whatsapp_header_btn{
    display: block;
    padding-bottom: 10px;

    position: absolute;
    top: 120px;
    right: 50px;
  }
}

@media screen and (min-width: 1301px) and (max-width: 1780px) {
  #contact_whatsapp_header_btn{
    top: 188px;
  }
}