К html подключается CSS, а не SCSS.
Если вы работаете с SCSS, вам нужно скомпилировать его в CSS. С помощью gulp, webpack или еще какого-либо таскраннера/сборщика.
Если .css лежит рядом с .html, подключать его лучше так:
Задать инпуту и лупе общий родительский элемент, ему position: relative, лупе position: abosulte и спозиционировать правильно, инпуту левый паддинг еще.
Все хорошо с размерами в фигме.
Экспортировал всю страницу из фигмы, наложил на верстку, получилось так.
То есть начать стоит с того, что взят неверный размер контейнера.
Допустим, возьмем размер шрифта 50px для цены и сверим, получится полное совпадение:
