.newsletter-btn {
   
  background-color: #27ae60;
  color: white;
  border: none;
  border-radius: 50px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(39, 174, 96, 0.3);
  z-index: 9999; /* mais alto que o botão do WhatsApp */
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 7px;
}

    
    .newsletter-btn:hover {
      background-color: #219653;
    }
    
    .newsletter-btn svg {
      width: 20px;
      height: 20px;
      fill: currentColor;
    }
    
    /* Estilos para o formulário */
    .phone-input-container {
      display: flex;
      align-items: center;
      border: 1px solid #ddd;
      border-radius: 6px;
      overflow: hidden;
    }
    
    .phone-prefix {
      display: flex;
      align-items: center;
      padding: 0 12px;
      background-color: #f1f1f1;
      height: 100%;
      font-size: 14px;
    }
    
    .phone-input {
      border: none;
      padding: 12px;
      flex-grow: 1;
      font-size: 14px;
    }
    
    .input-error {
      border-color: #e74c3c !important;
    }
    
    .error-message {
      color: #e74c3c;
      font-size: 12px;
      margin-top: 5px;
      display: none;
    }
    
    /* Estilo para SweetAlert profissional */
    .custom-popup {
      border-radius: 12px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }
    
    .custom-title {
      font-size: 1.5rem;
      font-weight: 600;
      color: #2c3e50;
    }
    
    .custom-confirm-btn {
      font-weight: 600;
      padding: 10px 24px;
      border-radius: 6px;
    }
    
    .custom-cancel-btn {
      font-weight: 500;
      padding: 10px 24px;
      border-radius: 6px;
    }