.button-toggle-navigation {
  border-bottom: 0.25em solid #bcb176;
  border-top: 0.25em solid #bcb176;
  font-size: 16px;
  cursor: pointer;
  height: 1.5em;
 /* margin: .75em; */
  position: relative;
  -webkit-transition: -webkit-transform 780ms ease-out;
  transition: transform 780ms ease-out;
}

.button-toggle-navigation::after,
.button-toggle-navigation::before {

  border-bottom: 0.25em solid #bcb176;
  bottom: .375em;
  content: '';
  height: 0;
  left: 0;
  position: absolute;
  right: 0;
}

.isActive {
  border-color: transparent;
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}

.isActive::after {
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.isActive::before {
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}