fix green button classes

frontend/src/metabase/components/ActionButton.jsx

@@ -134,7 +134,7 @@ export default class ActionButton extends Component {
             ? cx("Button", "Button--waiting")
             : cx(className, {
                 "Button--waiting pointer-events-none": active,
-                "Button--success": result === "success",
+                "Button--success pointer-events-none": result === "success",
                 "Button--danger": result === "failed",
               })
         }

frontend/src/metabase/css/components/buttons.css

@@ -212,6 +212,8 @@
   color: #fff;
 }
 .Button--success:hover {
+  background-color: var(--green-saturated-color);
+  border-color: var(--green-saturated-color);
   color: #fff;
 }
 

frontend/src/metabase/dashboard/containers/AutomaticDashboardApp.jsx

@@ -94,7 +94,7 @@ class AutomaticDashboardApp extends React.Component {
               <Icon name="bolt" className="text-gold mr1" size={24} />
               <h2>{dashboard && dashboard.name}</h2>
               <ActionButton
-                className="ml-auto Button--success bg-green-saturated-hover"
+                className="ml-auto Button--success"
                 borderless
                 actionFn={this.save}
               >