fixing button issues

docker-compose.yml

@@ -4,3 +4,4 @@ services:
     ports:
       - "5173:5173"
     container_name: eits-web
+    restart: unless-stopped

src/app.css

@@ -86,7 +86,7 @@ img {
 
 .btn {
     display: inline-block;
-    padding: 0.75rem 1.5rem;
+    padding: 10px;
     border-radius: var(--radius-md);
     font-weight: 600;
     cursor: pointer;
@@ -108,7 +108,6 @@ img {
 
 .btn-outline {
     border: 2px solid var(--color-primary);
-    color: var(--color-primary);
     background: transparent;
 }
 
@@ -131,6 +130,20 @@ img {
     }
 }
 
+@media (max-width: 340px) {
+    .btn {
+        display: inline-block;
+        padding: 5px;
+        border-radius: var(--radius-md);
+        font-weight: 600;
+        cursor: pointer;
+        transition: all 0.3s ease;
+        border: none;
+    }
+}
+
+
+
 .section-title {
     text-align: center;
     font-size: 2.5rem;