.hamburger-icon-container {
  color: transparent;
  height: 25px;
  width: 34px;
  position: relative;
  cursor: pointer;
  background: currentColor;
  border: 0px solid currentColor;
  border-radius: 3px;
}
.hamburger-icon-container .hamburger-icon,
.hamburger-icon-container .hamburger-icon:before,
.hamburger-icon-container .hamburger-icon:after {
  content: "";
  position: absolute;
  height: 3px;
  width: 34px;
  background: #BA8E74;
  transition: all 0.2s ease;
}
.hamburger-icon-container .hamburger-icon {
  top: 11px;
  width: 34px;
}
.hamburger-icon-container .hamburger-icon:before {
  top: -11px;
}
.hamburger-icon-container .hamburger-icon:after {
  top: 11px;
  width: 34px;
}

.hamburger-active .hamburger-icon-container {
  color: transparent;
}
.hamburger-active .hamburger-icon {
  background: transparent;
  transform: rotate(-135deg);
  width: 34px;
}
.hamburger-active .hamburger-icon:before,
.hamburger-active .hamburger-icon:after {
  top: 0;
  width: 34px;
}
.hamburger-active .hamburger-icon:before {
  transform: rotate(90deg);
}