diff --git a/docs/assets/less/buttons.less b/docs/assets/less/buttons.less
index c90cefe376..0d27a97873 100644
--- a/docs/assets/less/buttons.less
+++ b/docs/assets/less/buttons.less
@@ -1,28 +1,30 @@
-/* Outline button for use within the docs */
+// Outline button for use within the docs
 .btn-outline {
   color: #563d7c;
   background-color: transparent;
   border-color: #563d7c;
-}
-.btn-outline:hover,
-.btn-outline:focus,
-.btn-outline:active {
-  color: #fff;
-  background-color: #563d7c;
-  border-color: #563d7c;
+
+  &:hover,
+  &:focus,
+  &:active {
+    color: #fff;
+    background-color: #563d7c;
+    border-color: #563d7c;
+  }
 }
 
-/* Inverted outline button (white on dark) */
+// Inverted outline button (white on dark)
 .btn-outline-inverse {
   color: #fff;
   background-color: transparent;
   border-color: #cdbfe3;
-}
-.btn-outline-inverse:hover,
-.btn-outline-inverse:focus,
-.btn-outline-inverse:active {
-  color: #563d7c;
-  text-shadow: none;
-  background-color: #fff;
-  border-color: #fff;
+
+  &:hover,
+  &:focus,
+  &:active {
+    color: #563d7c;
+    text-shadow: none;
+    background-color: #fff;
+    border-color: #fff;
+  }
 }