.navbar-toggler {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-width: 0;
  color: $gray-600;

  &:hover,
  &:focus { color: $gray-900; }

  .feather { stroke-width: 2.5px; }
}

.navbar-light {
  .navbar-toggler {
    color: $gray-600;

    &:hover,
    &:focus { color: $gray-900; }
  }
}

.navbar-dark {
  .navbar-toggler {
    color: rgba(#fff, .5);

    &:hover,
    &:focus { color: #fff; }
  }
}