drtvader

Сначала тестируете верстку без CMS, натягиваете и снова в тест.

Зачем в h2?
Вынеси оттуда.

Делал так, добавлял класс, которые показывал.
К примеру изначально, position: absolut; right/left: -100%; Когда добавлял active, то right/left: 0;
и transition.
Попробую поискать в готовых у себя.

flex не пробовали?

Через before/after у лейбла как вариант. Я правда делаю по разметке так:

<div class="b-checkbox">
           <input type="checkbox" name="subscribe" id="subscribe" checked="checked" class="b-checkbox__input">
           <label for="subscribe" class="b-checkbox__name">Подписаться на&nbsp;рассылку</label>
     </div>

input стилизую через лейбл. Везде хорошо работает.

Задал bottom в пикселях просто. Заработало.

Линию через hr и вне блока.

https://www.codecademy.com

flex-grow для правого

js скорее всего

width: 100%
height: auto;

perfect-scrollbar часто юзаем в проектах. Достаточно простой и не глючит.

Для отправки на отечественные почтовики использовал mozilla thunderbird. Отсылал сразу скопом на все свои тестовые ящики и смотрел.

На flex-box https://jsfiddle.net/drtvader/e47cdxzx/1/