challenge-vtex-io-samuelcon.../react/components/Html/style.css

55 lines
1003 B
CSS

[class*="html--quantityAndButton"] {
display: flex;
width: 100%;
gap: 10px;
margin-bottom: 16px;
}
[class*="vtex-add-to-cart-button-0-x-buttonText"]{
font-size: 0;
}
[class*="vtex-add-to-cart-button-0-x-buttonText"]::before{
content: 'ADICIONAR À SACOLA';
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
}
@media (max-width: 576px) {
[class*="html--quantityAndButton"] {
flex-direction: column;
}
}
[class*="html--prate"] {
display: flex;
flex-direction: column;
}
[class*="add-to-cart-button"] {
width: 100%;
}
[class*='html']>[class*='button'] {
width: 100%;
height: 49px;
border-radius: 0;
margin-right: 40px;
background: #000;
border: #000;
}
[class*="html"]>[class*='flexRow'] {
width: 100%;
height: 49px;
display: flex;
align-items: center;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
color: #FFFFFF;
}