.header__hamburger-bar {
  width: 28px;
  height: 4px;
  border-radius: 4px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.6s;
}

.header__hamburger-btn {
  display: none;
}

.change.header__hamburger-bar--first {
  transform: translate(0px, 5px) rotate(45deg);
}

.change.header__hamburger-bar--second {
  transform: translate(0px, -5px) rotate(-45deg);
}

@media screen and (max-width: 768px) {
  .header__hamburger-btn {
    display: block;
  }
}