.itemWrapper {
  display: flex;
  justify-content: space-between;

  .item {
    width: 100%;
  }
}

.item {
  padding: 1.5rem 1.5rem;
  font-size: 1.6rem;
  @include min(laptop) {
    padding: 1.5rem 1.35rem;
    font-size: 1.35rem;
  }
  @include custom-min(1360) {
    padding: 1.5rem 1.5rem;
    font-size: 1.6rem;
  }

  &.openedLink {
    background-color: var(--primary-hover-color);
  }

  img {
    width: 1.5rem;
    max-height: 1.5rem;
  }

  &.inactiveLink {
    @include max(tablet) {
      position: relative;
      pointer-events: none;
    }
  }
}

.itemWrapper {
  @include max(laptop) {
    button {
      width: 20%;
      max-width: 75px;
      position: relative;
      background-color: var(--primary-hover-color);

      &.active {
        @include arrow-rotate(0);
      }

      &:after {
        transition: 0.2s;
        @include arrow(var(--nav-icon-color), 1rem, down, false);

        position: absolute;
        top: calc(50% - 0.4rem);
        left: calc(50% - 1.2rem);
        margin-left: 1rem;
      }
    }
  }
  @include min(desktop) {
    button {
      display: none;
    }
  }
}