diff --git a/style.css b/style.css
index 8601972..ce5c7b3 100644
--- a/style.css
+++ b/style.css
@@ -540,10 +540,12 @@ body.dark-mode footer {
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    transition: all 0.3s ease;
+    margin-bottom: 1rem;
     transition: all 0.5s ease;
-    margin-bottom: 2rem;
     border: 2px solid #c3c6ce;
     position: relative;
+   
 }
 
 .event-card:not(:hover) {
@@ -597,6 +599,7 @@ body.dark-mode footer {
 
 .event-details {
     padding: 1.5rem;
+    height: 50vh;
 }
 
 .event-title {
@@ -635,6 +638,7 @@ body.dark-mode footer {
     border: none;
     color: #ffffff !important;
     background-color: var(--primary-color);
+    
     font-size: 1rem;
     padding: 0.5rem 1rem;
     position: relative;
@@ -642,6 +646,14 @@ body.dark-mode footer {
     bottom: 0;
     text-decoration: none;
     transition: background-color 0.3s ease;
+    display: flex;
+    justify-content: center;
+    margin-top: 10px;   
+     position: absolute;
+    width: 21%;
+   
+    bottom: 22px;
+    
 }
 
 .register-button:hover {