Как сделать, чтобы кнопка всегда была на одном уровне?

Если вы всё же откроете песочницу от автора, то во-первых, увидите, что именно это там и написано, а также убедитесь, что нет, не всегда.

Как сделать данную тень?

towncitybr получилось с градиентом?

Как объединить ключи map в набор правил в SCSS?

Fedooot01,

Без разницы это не вариант.

В минифицированном файле они все соберутся через запятую (если не запретите).
Если использовать csso c restructure: true, то все селекторы сгруппируются.

а количество ключей массива не 2, а 10

Я бы в таком случае стала делать отдельные классы под цвет, чем 10 классов с одинаковым содержимым.

Как объединить ключи map в набор правил в SCSS?

Во-первых, не без разницы ли?
Во-вторых, можно прогнать через минификатор типа csso

Использую gulp-svg-sprite, есть ли возможность создать без pug что-то вроде сниппета или миксина для автопрописывания пути в html к спрайту в VS Code?

Есть плагины для галпа, позволяющие делать замену.
Типа gulp-file-include или gulp-replace

Как сделать скроллбар "невыезжающим" за границы элемента?

Сделать так, чтобы это был скролл другого элемента, а не того у которого скругление.

Не меняется задний фон, что делать?

Инструменты разработчика у вас уже открыты, это хорошо.
Осталось чуть-чуть:
1. Во-первых, поставить галку, чтобы не кешировалось


2. Во-вторых, открыть вкладку Console и посмотреть ошибку. Если там никто не ругается на отсутствие файла, то

3. Обвести блок красной рамочкой, чтобы:
- убедится, что вы правите нужный файл и селектор
- убедится, что площадь блока не нулевая и есть к чему применять фон

Дальше рассказать о результатах.

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

Есть ли готовые библиотеки чтоб можно было сделать подобное?

https://github.com/anseki/leader-line

Как в select добавить legend с помощью javascript?

Похоже вы перепутали legend с optgroup.

Ни fieldset ни legend внутрь select вкладывать нельзя.

Как сделать данную тень?

towncitybr, так верхняя это просто градиент, возьмите и сделайте аналогично.

Как сделать данную тень?

towncitybr, возможно и так.
Я не вижу ваш макет полностью.
Подбирайте параметры, чтобы было похоже на макет.

Как сделать данную тень?

towncitybr, так точно такую же, но вверх, я же вам это полдня назад написала
https://jsfiddle.net/pLub0chg/

Как сделать указатели в таймлайне?

Быстрый вариант: не делаете цвета полупрозрачными. Тыкните пипеткой в макет и получите цвета без прозрачности.
И тогда по аналогии: https://jsfiddle.net/Ankhena/5qdkah6o/

Можно ли в тег H3 вставить или наоборот обернуть h3 ссылкой?

Можно ли в тег H3 вставить a или наоборот обернуть h3 ссылкой?

У ссылки прозрачная контентная модель, в неё можно вкладывать всё, что можно вкладывать в её родителя.

Так что как хотите, так и делайте.

Код javascript блокирует использование legend, как исправить?

Похоже вы перепутали legend с optgroup.

Ни fieldset ни legend внутрь select вкладывать нельзя.

А дальше нужно читать доку от вашего плагина, поддерживает ли он группы.

Как сделать указатели в таймлайне?

Интересно, зачем вам помогать, если вы не читаете, что написано?

Я вам в прошлый раз сказала, что нужно делать песочницу на сервисах типа jsfiddle.net
В этот раз повторю. Но больше помогать без неё не буду.

В вашем коде полно ошибок, неверная вложенность тегов. Проверяйте валидатором что пишете.

z-index не работает, потому что у вас еще backdrop-filter, а он создает новый контекст наложения.
Читайте css.yoksel.ru/kontekst-nalozheniya

Почему не работает duration в animate()?

на примере ниже приведенного когда duration стоит 1500

Почему не работает duration в animate()?

Потому что это не duration.
https://html5book.ru/jquery-animaciya/

Как округлить round в меньшую сторону c одним знаком после запятой?

Александр Андропов, ну умножать и делить на 10 вам же не мешают?

Как в контенте псевдоэлемента вставить элемент с определенным классом?

А я бы заинлайнила этот SVG в стили. Нечего ему делать в разметке.

Почему не получается сделать бордер с градиентом?

Не вводите людей в заблуждение.
Бордеры умеют любой border-image.
А вот скругленные - действительно не умеют.