added story, flash sale, satyjy button

src/components/Navbar/Navbar.module.scss

@@ -8,7 +8,7 @@
   position: sticky;
   top: 0;
   z-index: 99;
- 
+
   .navbarUp {
     width: 100%;
     background-color: #fff;
@@ -19,20 +19,29 @@
     z-index: 100;
   }
 
-  .btn{
+  .btn {
     display: flex;
     width: max-content;
     font-size: 16px;
-    border-radius: 4px;
-    border: #000000;
-    background-color: #000000;
-    padding: 6px 10px;
     font-weight: bold;
     color: #ffffff;
-     margin: 8px 14px 6px;
-     @media screen and (max-width: 500px) {
-     font-size: 14px;
-     margin: 8px 10px 6px;
+    background-color: #000000;
+    border: 1px solid #000000; // Border rengini belirtirken kalınlık da eklemelisin
+    border-radius: 4px;
+    padding: 6px 10px;
+
+    cursor: pointer;
+
+    // Mobil Görünüm (Ortak)
+    @media screen and (max-width: 500px) {
+      font-size: 14px;
+      margin: 8px 10px 6px;
+    }
+
+    &__satyjy {
+      @media screen and (max-width: 500px) {
+        display: none;
+      }
     }
   }
 
@@ -74,11 +83,11 @@
     box-sizing: border-box;
     justify-content: center;
     flex-direction: column;
-    img{
+    img {
       width: 300px;
       @media screen and (max-width: 500px) {
-      width: 100%;
-    }
+        width: 100%;
+      }
     }
     @media screen and (max-width: 500px) {
       width: 100%;
@@ -87,7 +96,6 @@
     svg {
       width: 100%;
       height: 100%;
-      
     }
   }
   .stick {
@@ -99,9 +107,9 @@
     }
   }
 
-.navLinks {
-  width: 100%;
-}
+  .navLinks {
+    width: 100%;
+  }
   .navLinks ul {
     list-style: none;
     display: flex;
@@ -132,7 +140,6 @@
       align-items: center;
       flex: 1;
       flex-direction: row-reverse;
-      
 
       svg {
         position: absolute;
@@ -271,18 +278,23 @@
   border: none;
   outline: none;
 
- 
   &::placeholder {
     color: #9ca3af;
     font-size: 0.75rem;
   }
 }
- .langSelector {
-   display: flex;
-   align-items: center;
-   gap: 8px;
-   margin-left: auto;
-    @media screen and (max-width: 500px) {
-      display: none;
-    }
-  }
+.langSelector {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-left: auto;
+  @media screen and (max-width: 500px) {
+    display: none;
+  }
+}
+
+.buttonsContainer {
+  display: flex;
+  gap: 8px;
+  margin: 8px 14px 6px;
+}