.container { margin-bottom: 16px; } .listContainer { display: flex; justify-content: space-between; border-bottom: 1px solid #b9b9b9; margin-bottom: 32px; .listItem { padding: 0; margin: 0; :global(.vtex-button) { background: white; border: none; border-radius: 0; :global(.vtex-button__label) { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-size: 18px; line-height: 38px; display: flex; align-items: center; text-align: center; color: #bfbfbf; text-transform: initial; } } } .listItemActive { :global(.vtex-button) { background: white; border-bottom: 2px solid #000000; border-radius: 0; :global(.vtex-button__label) { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-size: 18px; line-height: 38px; display: flex; align-items: center; text-align: center; color: #000000; text-transform: initial; } } } } .contentItem { display: flex; flex-direction: row; gap: 32px; }