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

AppAlex, в моем примере даже картинка взята специально с вашего сайта, а не какая-то левая.
Хотя, конечно, она должна быть в svg, а не в png.

Каким способом лучше всего сверстать эти кнопки?

Господи, какие еще кнопки?

Обычный список со ссылками. В каждой ссылке текст и картинка псевдоэлементом или фоном или svg (use) (как больше нравится и смотря что там с картинками)

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

AppAlex, еще раз: уберите свою картинку из кода!!!!!!!!!!!!!!
Сколько еще раз нужно сказать?
Она должна быть фоном или псевдоэлементом!!!

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

AppAlex, откройте ссылку из ответа и вы увидете код "как надо".

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

AppAlex, так уберите картинку из кода. У меня она фоном. И div'ов там нет никаких.

Это изображение не является значимым, контентным, это фон или псевдоэлемент.

Я ведь прямо пример сделала!

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

AppAlex, спозиционируйте её так, чтобы не уходила.
Возможно, вам будет проще псевдоэлементом.
И где ваш код?

Возможно ли использовать source без picture или в picture пихать ссылку?

Так оберните picture ссылкой. Или объясните суть проблемы.

<a>
<picture>
 <source srcset="mdn-logo-wide.png" media="(min-width: 600px)">
 <img src="mdn-logo-narrow.png" alt="MDN">
</picture>
</a>

Почему не работает псевдоэлемент after?

ivn-zee, приучайтесь отмечать ответы решениями

Почему пропадает тег form?

Pavel Beloborodov, я вроде написала, что нужно сделать

Почему пропадает тег form?

Как думаете, когда появится первый желающий перепечатать ваш код со скринов и посмотреть что там у вас?

Код в песочницу jsfiddle.net или codepen.io

Как вы настраиваете phpstorm?

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

Как вы настраиваете phpstorm?

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

Как вы настраиваете phpstorm?

Евгений М., видно.
Как только вы ввели правильные параметры для подключения, Шторм сразу узнает о всех папках и можно сразу идти настраивать mappings и excluded paths.

Какие стили по умолчанию у тега picture?

Станислав Пономарев, потому что там ничего интересного и нет, кроме того что он инлайновый

Какие стили по умолчанию у тега picture?

Станислав Пономарев, в Хроме на вкладке Computed поставьте галочку показать все свойства и любуйтесь

Как вы настраиваете phpstorm?

то нет возможности видеть и отмечать какие файлы нужны а какие нет в корне сайта!

Как это нет?

Где реклама дешевле?

Логично, что там где водится ваша ЦА в тот момент, когда ей нужно то что у вас есть.

Как сверстать блок?

Гуглите fullpage.js

Как делать такой фон?

https://developer.mozilla.org/ru/docs/Web/CSS/clip-path

Как разместить ссылку внутри блока по центру, а весь блок сделать ссылкой?

Александр,

стилизовать неудобно так

Что?

Ваш вариант хорош с семантической точки зрения, но плох тем, что невозможно выделить и скопировать текст, например, название товара.