.container--description { padding: 0 40px; .listContainer--description { display: flex; justify-content: space-between; padding: 0 80px; border-bottom: 1px solid #B9B9B9; .listItem { margin: 0; padding: 0; :global(.vtex-button) { border: 0; padding-top: 16px; } :global(.vtex-button__label) { font-weight: 400; font-size: 18px; line-height: 38px; text-transform: capitalize; display: flex; align-items: center; text-align: center; padding: 0 !important; color: #BFBFBF; } } .listItemActive { :global(.vtex-button) { border: 0; border-bottom: 2px solid #000000; background-color: transparent; font-weight: 400; } :global(.vtex-button__label) { color: #000000; } } } } .contentItem { display: flex; gap: 32px; padding: 32px 32px 0; } @media screen and (max-width: 1024px) { .container--description { margin-top: 16px; .listContainer--description { flex-direction: column; border: 1px solid #B9B9B9; border-width: 1px 0; padding: 0 0 16px; .listItemActive { :global(.vtex-button) { border-bottom: 0; } } } } .contentItem { flex-direction: column; padding: 0; margin-top: 16px; gap: 16px; } }