Верстка HTML блоков

Сделать всплывающее окно чата для сайта (саппорт).

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

при клике на кнопку вызова - окно выезжает прававсе стили должны быть уникальными все классы должны начинаться со слова типа sitebopro_* чтобы не смешивались с классами и библиотеками сайта3 окна чатаhttps://clip2net.com/s/4iXaV2aпозиционный вид окна https://clip2net.com/s/4iXaVeH

т.е. должна быть настройка будет ли это маленькое окно или боковое окно на всю высоту экрана

Скролл Y тонкий. появляется при необходимости, если контент окна 1 и 2 не помещается

Само по себе окно будет цепляться на разные сайты, поэтому и необходимо, чтобы все классы были уникальными, и само окно не использовало библиотек, т.к. они могут конфликтовать с сайтоми.

необходима кастомизация цвета - заголовок окна, цвет тайтла, и кнопка отправить (сейчас она везде ярко синяя)поэтому их нужно сделать отдельными классами, чтобы можно было менять цвет (подобрать под сайт)

Верстка должна быть адаптивная и кроссбраузерная

минимальная ширина окна 375 (для мобильных устройств - занимает весь экран) и 420 пикселей в нормальном режиме (занимает часть экрана)