.navbar-toggler {
  background-color: transparent !important;
  border: none !important;
  padding: 10px !important;
  cursor: pointer !important;
  outline: none !important;
}

.burger-icon {
  width: 30px;
  height: 24px;
  position: relative;
  display: inline-block;
}

.burger-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: white;
  border-radius: 3px;
  left: 0;
}

.burger-icon span:nth-child(1) {
  top: 0;
}

.burger-icon span:nth-child(2) {
  top: 10px;
}

.burger-icon span:nth-child(3) {
  top: 20px;
}