.header {
  background: #BDB1E7;
  display: flex;
  align-items: center;
  padding: 0 20px;
}

.logo {
  color: white;
  font-size: 20px;
  font-weight: bold;
  margin-right: 20px;
  cursor: pointer;
}

.menu {
  background: #BDB1E7; /* Задает фон меню такой же, как и у шапки */
  flex: 1;
}

.burgerIcon {
  display: none;
  font-size: 24px;
  color: white;
  cursor: pointer;
}

.logoutButton {
  background-color: #372579;
}

.logoutButton:hover {
  background: #47309C !important;
}
.logoutButtonBurger {
  background-color: #372579;
  color:#BDB1E7;
  margin-top:20px;
  width:100%;
}

.logoutButtonBurger:hover {
  background: #47309C !important;
}

// .menuBurger{
//   color:white;
//   		background-color:#372579;
// }

@media screen and (max-width: 580px) {
  .burgerIcon {
    display: block;
    position: absolute;
    right:10px;

  }

  .menu {
    display: none; /* Скрываем горизонтальное меню на мобильных */
  }
}

@media screen and (max-width: 748px) {
 .logo{
  line-height: 20px;
  text-align: center;
 }
}