Стилизовать ссылку под input разве нельзя? Покажите дизайн. Пока что вопрос не решаем, потому что явно неверен. Точнее, он бессмысленный.
Ссылка — есть ссылка. Можно сделать переход по нажатию любого элемента, как через стилизациию тега a, так и с помощью JS. Но ссылка в input — это бессмысленно даже на теоретическом уровне.
375px — это стандартный iPhone (iPhone 6, 6s, 7, 8, X, XS, XR, 11, 11 Pro). Делайте 360px — стандартное Android-устройство, коих больше. Так двух зайцев убьёте. Но не забывайте о старых iPhone'ах с их 320px.
Про размеры — странный вопрос. Если надо уменьшать — уменьшайте, если надо увеличить — увеличивайте.
NameOf Var, это возможно сделать только совсем упоротым хаком, но для этого потребуется выводить элементы в обратном порядке в HTML, чего делать категорически не стоит.
Так что только JS. В обратную сторону CSS идти не умеет (за исключением :focus-within, но это вообще иная песня).
Это не вопрос для данного ресурса. Такого уровня интеракции, чтобы было в точности как на видео, — это достаточно долго и на JS. Библиотеки типа GSAP колоссально упрощают задачу, но готовых решений не дают. Если оставить только плавную смену слайда и анимацию заголовков, то можно сделать достаточно просто. В любом случае, объём вопроса намекает на фриланс.
