diff --git a/sass/elements/button.scss b/sass/elements/button.scss
index 07c5aa76..06ac4b6a 100644
--- a/sass/elements/button.scss
+++ b/sass/elements/button.scss
@@ -383,6 +383,12 @@ $no-palette: ("white", "black", "light", "dark");
     @include cv.register-vars(
       (
         "button-border-width": max(1px, 0.0625em),
+        "loading-color":
+        hsl(
+          #{cv.getVar("button-h")},
+          #{cv.getVar("button-s")},
+          #{cv.getVar("button-l")}
+        ),
       )
     );