Добрый день,

Необходимо заверстать несколько блоков.
Никаких сторонних бибилиотек использовать нельзя (типа jquery). Нужно использовать чистый js, html, css.

Необходимо сделать вёрстку таким образом, чтобы свёрстанные блоки можно было наложить в любой сайт и вёрстка не поплыла из за пересечения стилей.

Прототипы сделаны в скетче (кто не верстал скетч нет мака, то можно открыть файлы будет через фигму или цепелин, авокадо): https://www.figma.com/file/TWHKnzNkuKIVnGS3hGDiHfF...


---
Немного объясню суть верстаемых блоков.
Блоки будут выводиться поверх стороннего сайта и позволяют оформить с помощью них заказ из этих сайтов.

Есть 2 вида (представления) - когда блок с красной кнопкой прилипает к низу страницы (горизонтальное положение) и когда блок с красной кнопкой прилипает к левому краю страницы (вертикальное положение). Вот пример текущего горизонтального вида

---
Пожалуйста, пишите, сколько это будет стоить по деньгам/времени?