При нажатии на эту форму( код выше)
Что бы она дублировалась

С одним двоеточием это синтаксис CSS2. В CSS3 для того что бы различать псевдоклассы и псевдоэлементы стали писать два двоеточия у псевдоэлементов, и одно двоеточие у псевдоклассов. Это разделение только визуальное в коде, так что  можно писать как :after, так и ::after, это одно и то же, но IE8 не поддерживает ::after.
Но лучше всегда пиши два двоеточия у псевдоэлементов и одно двоеточие у псевдоклассов, так будет правильнее

понятно, т.е. технически различий как я понял никаких в отображении и поведении

Что значит дублировалась? Рядом создавался такой же элемент?

Уже все
Теперь другой вопрос

Теперь надо что бы в ордер переносилось, а не рядом создавалось :D

Это возможно?

Тут уже нужен js. Ты на чём пишешь?

Html
Пытаюсь что то с JS подружить
Ну копирует он у меня с помощью js

Тогда просто загугли что нибудь по типу "анимация добавления в корзину"

Спасибо)

Эх, там не все
Перенос в память клиента мне не нужно :c

Что за память клиента?

Ну т.е. данные не где не выводятся

Вообще не понимаю о чем ты

Хм, ну коротко не смог найти нужной мне инфы

Жмак по картинке, анимация полета в корзину, у корзины появляется число. Или ещё что-то надо?

Вот так надо

Он через onClick передает данные(это я уже понял как)

А вот как записывать в ордер хз