HTML-письмо: Как расположить 2 кнопки в одну линию, но чтобы они растягивались на весь размер контейнера и верстка не ломалась?

Question

[Alexander3928]

Я новичок в верстке html-писем, так что не судите строго, если вопрос окажется легким.
https://codepen.io/Alexxxsander/pen/MWxVXgo

Answer 1

[Анастасия Севко]

Лучшим решением для писем будет следующее:
1. задать нужную ширину методом подбора к td
2. добавить к td отступы снизу обоим кнопкам, чтобы на мобилке кнопки не склеивались
3. не задавать фон для td, а оставить их прозрачными, лучше внутри добавить блок и его залить фоном
медиазапросы в гугл не работают, там можно max и min-width использовать
https://codepen.io/nanandro1/pen/KwwEdKa?editors=1010