@import '../../variables';

.burger-icon {
}

.burger-icon__top,
.burger-icon__middle,
.burger-icon__bottom {
  transition: all $transition-normal ease;
  transform-origin: 50% 50%;
  opacity: 1;
}

.burger-icon.is-open .burger-icon__top {
  transform: translateY(7px) rotate(-45deg);
}

.burger-icon.is-open .burger-icon__middle {
  opacity: 0;
}

.burger-icon.is-open .burger-icon__bottom {
  transform: translateY(-7px) rotate(45deg);
}

// Copyright AXA Versicherungen AG 2015