.navbar-toggler:focus {
  outline: none;
}

.navbar-toggler {
  all: unset;
  padding: 1rem 0.75rem;
  width: 24px;
  position: relative;
  overflow: hidden;
}

.navbar-toggler::after, .navbar-toggler::before, .navbar-toggler .navbar-toggler-icon {
  background-image: none !important;
  background-color: white;
  border-radius: 3px;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  margin: 5px 0;
  transition: all .2s ease-in-out;
}

.navbar-toggler:not(.collapsed)::before {
  transform: translateY(7px) rotate(135deg);
}

.navbar-toggler:not(.collapsed)::after {
  transform: translateY(-7px) rotate(-135deg);
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
  transform: scale(0);
}