/* 0 - 600PX: Phone 600 - 900px: Table portrait 900 - 1200px: Tablet landscape [1200 - 1800] is where our nortal styles apply 1800px + : Big desktop */ /* Media Query M3 */ /* Grid breakpoints */ .newsletterForm { display: flex; width: 53.75%; margin: 0 auto; } .newsletterForm .emailInputContainer { height: fit-content; width: 690px; border-bottom: 1px solid #929292; } .newsletterForm .emailInputContainer :global(.vtex-input-prefix__group) { height: fit-content; border: 0; } .newsletterForm .emailInputContainer :global(.vtex-styleguide-9-x-input) { padding: 0 0 7px; font-size: 18px; line-height: 25px; color: #929292; background: transparent !important; } @media only screen and (max-width: 1024px) { .newsletterForm .emailInputContainer :global(.vtex-styleguide-9-x-input) { font-size: 12px; line-height: 16px; } } .newsletterForm .formSubmitContainer { border-bottom: 1px solid #929292; } .newsletterForm .formSubmitContainer :global(.vtex-button) { min-height: fit-content; background: transparent; border: 0; border-bottom: 3px solid #bfbfbf; border-radius: 0; } .newsletterForm .formSubmitContainer :global(.vtex-button__label) { padding: 0 16px 10px !important; border: 0; font-size: 0; color: #ffffff; } .newsletterForm .formSubmitContainer :global(.vtex-button__label)::after { content: "ENVIAR"; font-weight: 700; font-size: 14px; line-height: 19px; }