challenge-vtex-io-ueber-james/styles/sass/pages/product/vtex.tab-layout.scss

.listContainer {
  border-bottom: 1px solid rgb(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-around;

  @include mq (md, max) {
    display: flex;
    flex-direction: column;
  }

  .listItem{
    margin: 0;
  }


}

.listItem--DescricaoTab{
  :global(.vtex-button) {
    border: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 38px;
    font-family: $font-open;

    background-color: white;
    color: $color-gray7;
  }

}

.listItemActive--DescricaoTab {
  border-bottom: 1px solid black;
  padding: 0;
  margin: 0;
  @include mq (md, max) {
    border: none;

  }
  :global(.vtex-button) {
    border: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 38px;
    font-family: $font-open;

    background-color: white;
    color: $color-black2;
  }
}

.container {
  .contentContainer--DescricaoCont {
    padding-top: 32px;
   
  }
}

.container--Descricao{
  padding-top: 16px;
  margin: 0 40px 0 40px;

  @include mq (md, max) {
    color: #BFBFBF;
    border-top: 1px solid;
  }
}

.listItem--DescricaoTab{
  @include mq (md, max) {
    :global(.vtex-button) {
      width: 100px;
    }
  }
}