Как сделать плавающую кнопку без срипта?

Зачем это делать без JS?

Но можно:
с помощью :target
https://waksoft.susu.ru/2016/07/16/tvorcheskoe-isp...

Или с помощью чекбокса и соседних селекторов.

Но потом вам захочется закрывать его по клику мимо кнопочек (это можно сделать и таргетом, но это не модалка и пользователи могут и не захотеть закрывать эту панельку), закрывать нажатием на ту же самую кнопочку и подобное.

Почему не открывается ссылка на сторонний сайт из открытого модального окна?

Чудесный код, а теперь сделайте песочницу на codepen.io или аналоге так, чтобы можно было увидеть проблему.

Как реализовать задний блок с помощью position absolute и можно ли его там закрепить?

GeorgiyStepanov,
1. Прочитайте про тень.
2. Почитайте про работу позиционирования на MDN, Доке или любом другом удобном вам ресурсе.

Элементы с absolute позиционируются относительно ближайшего родителя с position отличным от static (т.е. если нужному родителю не нужно позиционирование, то это relative). Если такого родителя нет, то относительно окна браузера.

У img нет дочерних элементов, относительно него никого нельзя спозиционировать (ну кроме его псевдоэлементов, когда сама картинка недоступна)

Как реализовать задний блок с помощью position absolute и можно ли его там закрепить?

GeorgiyStepanov, Я подозреваю, что эта ваша задача на самом деле решается обычной тенью.
А вовсе не вот то всё, что вы рассказываете в вопросе.

Как реализовать задний блок с помощью position absolute и можно ли его там закрепить?

GeorgiyStepanov, может, стоит relative задать тому, относительно кого позиционируете? Не от вьюпорта же вам нужно?

Картинку можно заменить на любую подходящую из сервиса заглушек (например, https://picsum.photos/) или из Яндекс картинок или со своего хостинга, если по https.

Но и сейчас этот псевдо никуда не сместится. Куда прибили, там и будет.

Как реализовать задний блок с помощью position absolute и можно ли его там закрепить?

У вас в вопросе прям ответ.

помощью position absolute

Да. Или гридом.

чтобы он оставался на том же месте при сужении экрана

Задать ему координаты и размеры, не меняющиеся при сужении экрана.

Что именно вы делали, что получилось и в чем несоответствие с желаемым?
Песочница codepen.io

Как найти элемент, вылезающий за экран?

imko, либо я нашла не ту галочку либо она не для этого.

Как найти элемент, вылезающий за экран?

imko, что-то я не поняла как подсветить им все элементы, включая псевдо.

Как найти элемент, вылезающий за экран?

Что-то это становится ежедневным вопросом

* {
  --out-width: 2px;
  outline: var(--out-width) solid red;
  outline-offset: calc(0px - var(--out-width));
  &::before, &::after {
    outline: var(--out-width) solid lime;
    outline-offset: calc(0px - var(--out-width));
  }
}

Как переместить title и text в начало самого блока?

GeorgiyStepanov, about-us__container - этому грид на 2 колонки.
about-us__content content-about-us - этого в помойку
Заголовку и подзаголовку сказать, что они на два столбца.

Как переместить title и text в начало самого блока?

Так гридами.
grid-column: 1/-1
Что именно не получилось? Покажите в песочнице на codepen.io

Нужны ли препроцессоры CSS в 2022/2023?

Нужны ли препроцессоры CSS в 2022/2023?

Кому? Мне нужны.

Вам, не знаю. Видимо, раз спрашиваете, вероятно, нет.

Почему этот блок выходит за границы родительского?

И jsfiddle работает в России только с VPN, так что если хотите увеличить количество желающих вам помочь, переходите на codepen.io или нормально открывающиеся аналоги.

Почему этот блок выходит за границы родительского?

Ограничить ширину внутренних.
Через calc или гридами или как вам удобнее.

Как сделать вот так?

Покрасить градиентом слева красный справа черный.
Контейнер тоже черный.

Как найти объект, который вылезает за контейнер по ширине?

Kardamon90, Хром бывает глючит, показывая в адаптивном режиме скролл там где его нет. Можно его перезапустить, можно вместе с компом.

Если это не поможет... Ну не знаю, пойти на фриланс...

Радио в виде кнопки не активна после нажатия?

vasika778, так и применить, к лейблу, если внутри чекнутый инпут.

Радио в виде кнопки не активна после нажатия?

Потому что вот это .form_radio_btn input[type=radio]:checked + label значит, что нужно применить стили к label, который лежит сразу после чекнутого инпут с типом радио, находящегося внутри .form_radio_btn

Но такого лейбла нет.
У вас лейбл снаружи инпута.
Уже немножко есть :has, если устраивает его поддержка.

Как найти объект, который вылезает за контейнер по ширине?

Обвести все рамочками

* {
  --out-width: 2px;
  outline: var(--out-width) solid red;
  outline-offset: calc(0px - var(--out-width));
  &::before, &::after {
    outline: var(--out-width) solid lime;
    outline-offset: calc(0px - var(--out-width));
  }
}

Либо удалять блоки по одному

или хоть какой-нибудь костыль чтобы это спрятать

Вы же понимаете, что так делать не надо?
Кроме сознательного overfow, когда он действительно необходим.

Почему слетает transform css при анимации?

damir_tok, круг с текстом флексами, остальное абсолютом

но это извратик

Ещё выяснить нет ли там тупо кэша.