.tabListItem {
  // width: 100%;
  min-width: fit-content;
  @include min(laptop) {
    &:not(:last-child) {
      padding-right: 1rem;
    }

    width: auto;
  }

  button {
    background: transparent;
    // padding: 0.4rem 1.6rem;
    text-transform: capitalize;
    font-weight: 500;
    color: #fafafa;
    // width: 100%;
    text-align: left;
    // height: 40px;
    // border-radius: 10rem;
    font-size: 1.4rem;
    line-height: 2.2rem;
    padding: 1.6rem;
    @include min(laptop) {
    }
  }

  .active {
    background: #f1b75b;
    font-weight: 600;
  }

  .searchActive {
    font-weight: 600;
    color: var(--color-4);
    border-bottom: 2px solid #ffdb20;
  }
}
@include max(mobile) {
  .tabListItem {
    &:has(.active) {
      order: -1;
    }
  }
}
