Andrey Vasilev

Потому что только у a имеется это свойство. чтобы все руками не прописывать по отдельности можно указать так:

.nav a {
 text-decoration: none;
}

Лучше класс меняй, вот:

Ничего лишнего)

Сделай отдельные мини-компоненты для кнопок/попапов и прочего, которые на основе данных будут выводить нужный результат. Соответственно стили будешь писать в самом компоненте под scoped.
Структурировать стили можно по-разному, но я рекомендую писать стили в самом компоненте с атрибутом scoped.

Автовоспроизведение на телефоне - только без звука (насколько помню)
muted="muted"
+autoplay мобильные браузеры не съедят
так же попробуй добавить controls

Сверстать и написать логику, вероятно
https://codepen.io/Ashkan_Kankash/pen/LNVqjb
Данные с БД соответственно тянуть

лишние "/" уберите (скрин после)

у меня есть div в котором лежат 2 кнопки, у него там свои свойства display и тд.

Если не хочешь заморачиваться: https://tilda.cc/
Если хочешь что-то готовое, но потом что-то прикрутить - бери готовый шаблон (WP) на https://themeforest.net/
В остальном конструкторов и готовых решений полно.

Пишешь медиазапрос, потом прописываешь стили:

woocommerce-breadcrumb{
    white-space: nowrap;
    overflow-x: scroll;
}

https://codepen.io/Nolis/pen/dyGOLGP?editors=1111