analy

src/components/header/header.css

@@ -1,14 +1,17 @@
-.header {
-  
-}
 
 .header-container {
-  
   display: flex;
   padding: 30px 40px;
   color: #ffffff;
   justify-content: space-between;
   align-items: center;
+  position: relative;
+}
+
+.header__buttons_wrapper {
+  display: flex;
+  gap: 40px;
+  align-items: center;
 }
 
 .burger__button {
@@ -18,11 +21,11 @@
 .header-logo {
   width: 31px;
   height: 50px;
+  
 }
 
 .header-buttons {
-  display: flex;
-  gap: 40px;
+  margin-right: 96px;
 }
 
 .header-button {
@@ -35,6 +38,7 @@
   border: none;
   color: #ffffff;
   cursor: pointer;
+  padding: 0px;
 }
 
 .header-lang-button-text:hover {
@@ -49,11 +53,13 @@
 
 
 .header-lang-button {
+  position: absolute;
+  right: 40px;
+  top: 40px;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   gap: 10px;
-  position: relative;
   width: 55px;
   padding: 6px 8px 5px 12px;
   box-sizing: border-box;
@@ -74,7 +80,7 @@
 }
 
 .header-lang-button_active {
-  height: 100%;
+  height: 51px;
 }
 
 .header-lang-button_active {
@@ -177,8 +183,7 @@
   .header-lang-button {
     width: 70px;
     padding: 7px 15px;
-
-
+    top: 57px;
     }
 
 }
@@ -188,12 +193,23 @@
   .header-container {
     padding: 30px 12px;
   }
+
+  .header-lang-button {
+    top: 40px;
+    right: 12px;
+   
+  }
 }
 
 @media screen and (max-width: 1024px) {
   .header-container {
     padding: 15px 12px;
   }
+
+  .header-lang-button {
+    right: 12px;
+    top: 26px;
+  }
 }