title: Mouse does not change to pointer on button hover CSS
body: <p>I am trying to set the mouse to a pointer when a hover event is detected but the cursor does not change. If anyone can tell me what I am doing wrong I would be so grateful.</p>
  <pre><code>    package replit;
  
      import javafx.application.Application;
      import javafx.stage.Stage;
      import javafx.scene.Scene;
      import javafx.scene.control.Button;
      import javafx.scene.layout.VBox;
      import javafx.geometry.Pos;
  
      public class Main extends Application 
      { 
  
      @Override
      public void start(Stage primaryStage) {
  
  
      VBox vbox = new VBox();
      vbox.setSpacing(20);
  
      button button = new Button(&quot;Click&quot;);
      button.setAlignment(Pos.CENTER);
      vbox.getChildren().add(button);
  
      Scene scene = new Scene(vbox, 300, 200);
      scene.getStylesheets().add(&quot;Style.css&quot;);
  
      primaryStage.setTitle(&quot;A Simple Scene!&quot;);
      primaryStage.setScene(scene);
      primaryStage.show();
      } 
  
      public static void main(String[] args) {
      launch(args);
    }
   } 
  </code></pre>
  <p>The CSS</p>
  <pre><code>    .button:hover{
      -fx-cursor: pointer;
       }
  </code></pre>