Как изменить кнопку?

Код в песочницу

Как лучше верстать макеты?

И флексбокс и гриды и бутстрап, что удобнее.

Как оформить такой input?

уже сегодня задавали этот вопрос Можно ли инпуту добавить псевдо?

Почему не переопределяются стили?

Сергей Бурдужа, использовать миксин на примере sccs

@mixin name {
    &:not(:last-child) {
      margin-right: 30px
    }
}

, добавить !important к блоку __order-callback. По всей видимости :not функция имеет больший вес нежели чем медиа запрос.

Почему не переопределяются стили?

Вы нарушаете правила БЭМ присваивая два элемента одновременно, если используете плагины для группировки медиа запросов, возможно они ставят низкий приоритет.

Как правильно изолировать код блока?

Спасибо за способы с обманками, по моему очень удобно. Есть ли подводные камни?

Не работает демо -- github.io/animate.css, только у меня?

Проверил в хроме лисе опере сафари везде работает

Законно ли SEO тэги из API?

Nikolay Petyukh, чёт не видел ничего подобного кроме Гугла. Поделитесь ссылками, на Яндексе об этом ask и bing

Законно ли SEO тэги из API?

Если не применяется ssr то роботы(кроме Google) не увидят страницу.

Как можно обойти setTimeout для срабатывания transition?

Muvka, а вообще странно почему transition, не применяется, можно кусок блока нужного выложить в песочницу?

Что делать если youtube занимает слишком много времени?

Babaй, вопрос больше на троллинг похож

Что делать если youtube занимает слишком много времени?

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

Что делать если youtube занимает слишком много времени?

sim3x, даже относится к видео sorax'а?)

Что делать если youtube занимает слишком много времени?

sim3x, есть бесполезные видосы по программированию)

Что делать если youtube занимает слишком много времени?

Обучаться программированию на youtube, разве не очевидно?

Как задать верхний отступ логотипу что бы header не съезжал вниз?

Учите вёрстку очень позорно не знать блочные и строчные элементы и относительное позиционирование.
Upd: почитайте статьи о margin и ответ на ваш вопрос, если у блока нет паддинга, то марджин внутреннего элемента будет переноситься наружу родительского блока.

Нужен ли bootstrap как инструмент для верстки?

На сколько бы я не любил бутстрап, но все же это довольно удобно, но при условии, что макет соответствует, его сетке. Ну а так все же для верстальщика нужно знать и дефолтные инструменты и библиотеки для быстрой верстки. Если понимаешь ту или иную библиотеку для верстки, остальные осилить не составит труда.

Как сверстать эту секцию?

Михаил Семёнов, он будет использоваться исключительно ради портфолио, и очень не скоро. Пожалуйста)

Почему тормозят сниппеты в VSCode в html файле?

По горячим клавишам открывать контекст со снипеттами, в разных системах и вариациях по разному, у меня горячие клавиши из phpstorm и mac происходит через control+space

Как сверстать эту секцию?

Довольно интересный макет, совет ниже лучший и пожалуй единственный вариант. Можешь поделиться макетом, если не жалко?
Upd: не единственный, если белая волна отдельный слой, то можно вырезать png и вставить слоем выше, подставить методом проб карточки, чтобы волна совпадала. С svg все равно лучше