diff --git a/css/style.css b/css/style.css
index ef6a173..f1f2ab7 100644
--- a/css/style.css
+++ b/css/style.css
@@ -139,23 +139,27 @@ body.dark footer a:hover {
 /* Button-Styling */
 #dark-mode-toggle {
   padding: 0.6rem 1rem;
-  border: none;
-  border-radius: 6px;
+  border-radius: 999px;
+  border: 1px solid rgba(255,255,255,0.2);
   cursor: pointer;
-  background: #ffffff;
-  color: #001f44;
+  background: transparent;
+  color: rgba(255,255,255,0.8);
   font-family: 'Barlow', sans-serif;
   font-size: 0.8rem;
   font-weight: 500;
   letter-spacing: 0.08em;
   text-transform: uppercase;
+  transition: all 0.2s ease;
 }
 
 #dark-mode-toggle:hover {
-  opacity: 0.9;
+  background: rgba(255,255,255,0.08);
+  transform: translateY(-1px);
 }
 
 body.dark #dark-mode-toggle {
   background: #60a5fa;
-  color: #ffffff;
+  color: #0b1220;
+  border-color: transparent;
+  box-shadow: 0 0 18px rgba(96,165,250,0.4);
 }