challenge-vtex-io-caina/react/components/Html/styles.css

69 lines
1.2 KiB
CSS

[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;
}