pointer-events: none; отключает взаимодействие с мышью (ховер, клик) https://developer.mozilla.org/en-US/docs/Web/CSS/p... , у тебя форма находится внутри .text а он в свою очередь в обертке .modal . И там и там ты отключаешь события мыши
Сам не искал, может быть и есть, как то натыкался на перевод статьи Сары по smil анимациям, а так в основном про спрайт пишут у нас, но все же читать лучше в первоисточнике
Тот же самый свг спрайт предложил если не ошибаюсь Крис Койер https://css-tricks.com/svg-sprites-use-better-icon... в марте 2014 и там эта тема быстро развивалась, у нас писать статьи про свг спрайт стали к середине-концу 2014, а широко стали использовать, как мне кажется с середины 2015