iBird Rose

задай родителю overflow: hidden;

это называется datepicker. и их огромное количество. просто найти самый подходящий и стилизуй как тебе нужно.
к примеру щас один из популярных - https://air-datepicker.com/ru

дали данное правило (обращатсья исключительно по именам классов) как аксиому

если кратко - когда браузер анализирует твои css стили - он читает их грубо говоря "справа налево".
к примеру стиль: .list li a {}
браузер читает это как "найди на странице все «a», у которых есть родитель «li», у которого в свою очередь есть родитель с классом .list"
чуешь да какой запрос получается не оптимизированный?

хочу обнулить list-style во всём документе

плохая затея. при обнулении стилей ты не должен ломать функционал элемента.

автор видео может запретить встраивать свое видео. тогда его можно будет смотреть только на ютубе

background-clip: text;
https://developer.mozilla.org/en-US/docs/Web/CSS/b...

насколько я помню в разметке для slick обязательны div внутри:

<div class="bike-slider">
  <div><img class="bike-slider__item" src="images/bike-1.jpg" alt=""></div>
  <div><img class="bike-slider__item" src="images/bike-2.jpg" alt=""></div>
  <div><img class="bike-slider__item" src="images/bike-3.jpg" alt=""></div>
  <div><img class="bike-slider__item" src="images/bike-4.jpg" alt=""></div>
</div>

animation измени на:

animation: move-along var(--duration) 0ms infinite linear;

тебе тут достаточно поставить любой плагин по типу https://michalsnik.github.io/aos/

потому что у button есть свой background-color по умолчанию. и это как раз он

https://codepen.io/ibird/pen/JjvbyrB