diff --git a/public/css/index.css b/public/css/index.css
index 51de523..76d4c54 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -21,6 +21,18 @@ body {
     width: 5%;
 }
 
+.button-close {
+    color: white;
+    background-color: darkred;
+    border-color: darkred;
+    border-radius: 100px;
+}
+
+.button-close:hover {
+    background-color: red;
+    border-color: red;
+}
+
 @media screen and (max-width: 500px) {
     .navbar-brand {
         width: 15vw;
diff --git a/views/pages/index.ejs b/views/pages/index.ejs
index be5dbce..010bd52 100644
--- a/views/pages/index.ejs
+++ b/views/pages/index.ejs
@@ -580,7 +580,7 @@
                                         You have successfully subscribed to the newsletter. Thank you for your subscription.
                                     </div>
                                     <div class="modal-footer">
-                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+                                    <button type="button" class="btn btn-secondary button-close" data-dismiss="modal">Close</button>
                                     </div>
                                 </div>
                             </div>