.menu-toggle {
  width: 36px;
  height: 26px;
  appearance: none;
  border: none;
  cursor: pointer;
  background-color: transparent;
  position: relative;
  outline: none;
  margin-right: 2rem;

  &__line {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: $color-dark-gray-1;

    &:nth-of-type(1) {
      top: 0;
      left: 0;
    }

    &:nth-of-type(2) {
      top: 50%;
      transform: $centerY;
    }

    &:nth-of-type(3) {
      top: auto;
      bottom: 0;
    }
  }

  &--open {

  }
}