Отрисовать и сверстать блоки выделения в тексте

Необходимо отрисовать и сверстать 3 блока для выделения текста для юридического портала. Сайт на WP.

У нас уже есть блок "Мнение эксперта": http://prntscr.com/p2k0wt , нужны блоки для выделения других участков текста.

1 блок - для вывода ссылки на скачивание документа (например, образец заполнения декларации)

2 блок - важные участки в тексте

3 блок - цитата (выдержка) из закона

Блоки должны быть современными, а не вот такими - http://prntscr.com/p2jyil

Желательно в каждом блоке использовать какие-то иконки, кнопки. В общем, чтобы блоки смотрелись симпатично и современно.

Все должно быть спрятано в CSS. Блоки должны быть адаптивны и хорошо отображаться на всех устройствах.

Также необходимо вывести кнопки в админки WP, с помощью которых можно было бы применять эти блоки.

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

Оплата: 1 000 руб. (Я.Деньги, Qiwi либо ВМ)