Сергей delphinpro

Не понятно, причем здесь флекс и БЭМ
Обычные азы

<div class="header__phone">
   <a href="tel:+74999228974">
      +74999228974
   </a>
   <button class="button">заказать звонок</button>
</div>

Два строковых элемента всегда будут расположены в строку
Хотите вертикально - нужно это переопределить. Например, ссылку обернуть в блочный элемент (div) или стилями задать display:block ссылке и/или кнопке.
Ну или для .header__phone указывать флекс и вертикальное направление.

.block {
  &__element-2 {}
  &__element-1 {}
  &__element-1:hover &__element-2 {}
}

.block {
  $this: &;
  &__element-2 {}
  &__element-1 {
    &:hover #{$this}__element-2 {}
  }
}

и при повышении вложенности ситуация усугубляется

Не нужно увеличивать вложенность. Это противоречит идеологии БЭМ.

В разметке сначала должен располагаться инпут

<input type=checkbox>
<label>Checkbox</label>

input[type=checkbox]:checked + label {
}

Ну так и пишите

.element {
   color: var(--color);

   body[theme="dark"] & {
      --color: white;
   }

   body[theme="light"] & {
      --color: #333333;
   }
}

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

@if ($course->discount_exists)
    <s class="courses-body__price_crossed">
        {{$course->price->price}}$
    </s>  
@endif
<span class="courses-body__price">
    {{$course->price->price_with_discount}}$
</span>

public function getPriceWithDisacountAttribute(){
    return $this->price - $this->discount;
}

Я пробовал request()->fullUrlWithQuery(), но тогда получается, что в методе я должен указать параметр и значение, но если у меня, например, 10 параметров, получается, что мне каждый надо указывать.

Зачем? Только тот, который добавляется данной ссылкой

https://laravel.com/docs/9.x/requests#retrieving-t...

If you would like to append query string data to the current URL, you may call the fullUrlWithQuery method. This method merges the given array of query string variables with the current query string:

<a href="{{ request()->fullUrlWithQuery(['status' => 1]) }}">Status</a>
<a href="{{ request()->fullUrlWithQuery(['color' => 1]) }}">Color</a>

- {{ $content }}
+ {!! $content !!}

С тех пор как появился autoprefixer вендорные префиксы в исходном коде не нужны. А в продуктовый билд автоматически добавится то что актуально на момент сборки исходя из вашей настройки списка поддерживаемых браузеров.
По факту не особо и нужны уже. Старые свойства давно уже реализованы без префиксов. А новые реализуются сразу без префиксов и пока не готовы, скрываются под флагом experimental

var() не нужен при объявлении свойства

:root {
  --background-gradient-end: #{$end-gradient-light};
  --background-gradient-start: #{$start-gradient-light};
}

Подробный разбор https://habr.com/ru/post/645055/