diff --git a/datacenterlight/static/datacenterlight/css/header-slider.css b/datacenterlight/static/datacenterlight/css/header-slider.css
index 9f5161d7..e21e2b49 100644
--- a/datacenterlight/static/datacenterlight/css/header-slider.css
+++ b/datacenterlight/static/datacenterlight/css/header-slider.css
@@ -1,3 +1,18 @@
+.btn-trans {
+    color: #fff;
+    border: 2px solid #fff;
+    padding: 4px 18px;
+    letter-spacing: 0.6px;
+    background: rgba(0,0,0,0.35);
+}
+
+.btn-trans:focus,
+.btn-trans:active,
+.btn-trans:hover {
+    background: #fff;
+    color: #333;
+}
+
 .header_slider > .carousel .carousel-inner {
     min-height: 95vh;
     display: flex;
@@ -168,12 +183,4 @@
     /* width: auto; */
     height: 100%;
   }
-}
-
-.btn-trans {
-    color: #fff;
-    border: 2px solid #fff;
-    padding: 4px 18px;
-    letter-spacing: 0.6px;
-    background: rgba(0,0,0,0.35);
 }
\ No newline at end of file