diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 46093111..af3374b3 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -217,9 +217,10 @@ const Footer = () => {
               You can submit a report to us by filling a form below !
             </p>
             <div className="d-flex justify-content-center rounded mx-auto">
-              <button
+            <button
                 onClick={handleReportModalOpen}
-                className="btn btn-outline-danger p-3 d-flex align-items-center bg-light bg-opacity-25 text-black"
+                className=" btn-report p-3 d-flex align-items-center text-black"
+              
               >
                 <img
                   className="bottom-img"
diff --git a/src/styles/Footer.css b/src/styles/Footer.css
index 42c9161f..e6d2cfb7 100644
--- a/src/styles/Footer.css
+++ b/src/styles/Footer.css
@@ -124,6 +124,18 @@
   box-shadow: 0 2px 8px rgb(122, 122, 122);
 }
 
+.btn-report {
+  transition-duration: 0.4s;
+  border-radius: 5px;
+  border: none;
+  background-color: #9ac2fe;
+}
+
+.btn-report:hover {
+  transform: scale(1.2);
+  transition-duration: 0.5s;
+}
+
 .report img {
   width: 20px;
 }