diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less
index 3fc88131ba..5d3d75a0f0 100755
--- a/src/definitions/elements/button.less
+++ b/src/definitions/elements/button.less
@@ -134,10 +134,11 @@
 .ui.loading.loading.loading.loading.loading.loading.button {
   position: relative;
   cursor: default;
-  point-events: none;
   text-shadow: none !important;
   color: transparent !important;
-  transition: all 0s linear;
+  opacity: @loadingOpacity;
+  pointer-events: @loadingPointerEvents;
+  transition: @loadingTransition;
 }
 .ui.loading.button:before {
   position: absolute;
diff --git a/src/themes/default/elements/button.variables b/src/themes/default/elements/button.variables
index cf29ce59bc..3ee2cf2d77 100644
--- a/src/themes/default/elements/button.variables
+++ b/src/themes/default/elements/button.variables
@@ -123,7 +123,12 @@
 @activeHoverBoxShadow: @activeBoxShadow;
 
 /* Loading */
-@loadingBackground: @offWhite;
+@loadingOpacity: 1;
+@loadingPointerEvents: none;
+@loadingTransition:
+  all 0s linear,
+  opacity @transitionDuration @defaultEasing
+;
 
 /*-------------------
         Types