Ankhena

Я так понимаю, это у вас inline-block элементы
Выравнивание по умолчанию для текстовых элементов идет по базовой линии. Есть текст — выравнивается по базовым линиям текста. Нет текста — за базовую линию пустого блока считается его нижняя граница.
Как-то так.

Очевидно, потому что фигма рендерит фильтры и градиенты не так, как браузер. Отучите дизайнера пользоваться фильтрами и градиентами в фигме. Режимами наложения тоже, та же проблема.

В общем давайте, тоже сами учитесь ещё, между defs расположен крестик (#cross) для копирования используем use и пишите так <use href="#cross" x="" y=""> а дальше x и y это координаты и расталкиваете куда надо до желаемого результата - если что то не получится пишите

знак вопроса вставить лучше всё таки картинкой: svg image и дальше как обычно x="" y="" width height

пунктирная линия получается в svg : stroke-dasharray

Пропиши
.btn-l,
.btn-r {
display: inline-block;
}

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

Вариантов масса, но, пожалуй, лучшим в данном случае будет:
• сделать карточке display: flex; flex-direction: column;
• кнопке - margin-top: auto;
Профит - кнопка всегда прижата к низу карточки.

Таким образом, если у контейнера карточек так же стоит display: flex, то все карточки в рамках одной строки будут всегда одной высоты, и в рамках одной строки все кнопки будут на одном уровне. При этом в каждой карточке может быть любое количество текста.

В данном случае так будет проще:



В целом, можно ещё сделать SVG-картинкой, либо же градиент на текст в качестве заливки + text-stroke:



Однако, в данном случае проще всего именно первый вариант из-за параллакса.

Вообще то есть нативная возможность без костылей выносить кнопку сабмита за форму.
htmlbook.ru/html/button/form
И не надо прикручивать никаких листенеров.

Vue 3. Именно 3.
Можно использовать без сборщика. Но с ним, всё таки получше.
Ну, и можно вытащить только несколько функций, из фреймворка для реактивности а всё остальное не использовать. (Пример)

Корзину чекни

SVG + 2 маски, одна пропорционально растягивается, другая непропорционально. Отрицательным margin загнать секции одна на другую.