diff --git a/scss/custom/_mobile.scss b/scss/custom/_mobile.scss
index 8fd36dd..46c92a7 100644
--- a/scss/custom/_mobile.scss
+++ b/scss/custom/_mobile.scss
@@ -30,10 +30,9 @@
   justify-content: center;
   aspect-ratio: 1;
   border-radius:999px;
-  opacity: 0.75;
 
   &:hover {
-    opacity:1;
+    background-color:$color-primary;
   }
 
   @include sm() {
diff --git a/style.css b/style.css
index 85a8368..dfe3881 100644
--- a/style.css
+++ b/style.css
@@ -2689,10 +2689,9 @@ footer {
   align-content: center;
   justify-content: center;
   aspect-ratio: 1;
-  border-radius: 999px;
-  opacity: 0.75; }
+  border-radius: 999px; }
   .menu-button:hover {
-    opacity: 1; }
+    background-color: #e03131; }
   @media (min-width: 576px) {
     .menu-button {
       display: none; } }