[class*="html--codigo"] { font-weight: 400; font-size: 14px; line-height: 19px; text-align: end; } @media screen and (max-width: 1024px) { [class*="html--codigo"] { text-align: left; margin-bottom: 24px; } } [class*="html--description-container"] { display: flex; margin-left: 32px; margin-right: 32px; gap: 32px; } @media screen and (max-width: 1024px) { [class*="html--description-container"] { flex-direction: column; margin: 0; gap: 16px; } } [class*="html--image-container"] { width: 49.82%; } @media screen and (max-width: 1024px) { [class*="html--image-container"] { width: 100%; } } [class*="html--qtd-btn"] { display: flex; height: 49px; gap: 10px; } @media screen and (max-width: 768px) { [class*="html--qtd-btn"] { flex-direction: column; height: unset; } } [class*="html--qtd-btn"] :global(.vtex-button) { background-color: #000000; border: none; font-style: normal; font-weight: 400; font-size: 18px; line-height: 25px; color: #ffffff; border-radius: 0%; } @media screen and (max-width: 768px) { [class*="html--qtd-btn"] :global(.vtex-button) { height: 74px; padding: 0 64px; } } [class*="html--containerbotao"] { display: contents; }