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

.contentItem {
  display: flex;
  flex-direction: row;
  gap:32px;
  padding: 32px 72px 16px 72px;

  @media(max-width: 676px)  {
    display: flex;
    flex-direction: column;
    padding: 32px 40px 0 40px !important;
  }
  
}


//estilização do menu "descrição"

.listContainer {
  display: flex;
  justify-content: space-between;
  padding-left: 104px;
  padding-right: 104px;
  border-bottom: 1px solid #B9B9B9;
}

.listItem {
  margin: 0;
  padding: 0;
  :global(.vtex-button) {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    :global(.vtex-button__label ) {
      font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 38px;
        color: #000000;
        background-color: white;
        padding: 0 16px;
        text-transform: initial;
    }
  }
}

@media (max-width:1024px) {

  // .container {
  //   display: block;
  //   flex-direction: column;
  // }
  .listContainer {
    display: flex;
    flex-direction: column;
    padding-left: 40px;
    padding-right: 40px;
  }
  .contentItem {
    display: flex;
    flex-direction: column;
    padding: 32px 40px 16px 40px;
  }
}