HamSter

Для этого в css есть селекторы:

x > y { ... }
x ~ y { ... }
x + y { ... }
x + y + z + ... { ... }

Ищите custom select jquery, множество примеров!
Задаете свои стили css!!!

* пример!

1
2
3
4
5
...

пример

Вдавленный текст от Gordon Hall
Вн. тени текста, статья на хабре

*ищите "тиснение текста css"

Это вопрос к дизайнеру!
Стандартная сетка в 12 колонок, по ним выстраиваются все блоки.
Потому bootstrap и другие фреймворки берут такую систему разметки за основу, хотя ее можно менять (иногда в 10 колонок можно увидеть разметку) !

Если только подсказать, то svg тут не нужен, все делается background + псевдоэлементами :before, :after !

В остальном - это задание на фриланс!!!

Примерно так:

$(button).on('click', function(e){
  e.preventDefault();
  $(this).addClass('animate');
});

button.animate {
  transform: translateY(10px);
}

примерно

slick

infinite: true,
vertical: true

поддержка тегов различными почтовыми клиентами

что тут не так?