Веб-дизайн № 16612

кнопка формы "напишите нам" · Добрый день! · Необходимо подготовить для публикации на сайте графику кнопки для связи клиента с менеджером · Внешний вид кнопки прикладываю, если есть профессиональный совет что-то поправить, с удовольствием прислушаемся · Требования от программистов: · 1. Формат. SVG, всё в кривых (без шрифтов и вставленных картинок), квадратный viewBox, каждый файл до 5 КБ · 2. Главная кнопка. Круг 56?56 px на компьютере и 52?52 px на телефоне. Внутри значок чата 24–28 px, белый или одноцветный. Нужно прислать отдельно сам значок и цвета кнопки в HEX для трёх состояний: обычное, наведение, нажатое. Круг и состояния программисты сделают стилями, отдельные картинки на каждое состояние не нужны · 3. Состояния. Обычное; наведение (только на компьютере); открытое меню — вместо значка чата крестик. Нужен SVG крестика · 4. Подсказка «Напишите нам» (появляется рядом с кнопкой). Нужен логотип-тюльпан в SVG высотой 20–24 px, без надписи, а также цвет фона, рамки и текста в HEX. Сам текст подсказки программисты сделают шрифтом сайта · 5. Пункты меню. Четыре значка: 40?40 px на компьютере и 36?36 px на телефоне · — Telegram, ВКонтакте, MAX — только официальные значки из брендбуков сервисов, без перерисовки. Одноцветный вариант можно, если брендбук его разрешает · — «Позвонить» — рисуем сами в стиле сайта · 6. Имена файлов: · contact-button.svg — значок чата · contact-close.svg — крестик · contact-logo.svg — тюльпан для подсказки · contact-max.svg, contact-vk.svg, contact-tg.svg — мессенджеры · contact-call.svg — «Позвонить» · 7. По желанию — макет расположения на экране компьютера шириной 1440 px и на телефоне шириной 375 px · Цвета сайта: розовый · #E60064, голубой · #2699D6, текст · #333333. · Прикладываю образец - макет кнопки. · Все необходимые дополнительно