Elliot Alderson

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

Вот удачный пример реализации, подходящий к вашему коду:

https://www.geeksforgeeks.org/php-send-attachment-...

см. css свойство transition
Добавьте в стили для .text и .knopka - transition: all 1s;
а вместо display используйте opacity

body {
  background: red;
  padding: 20px;
  font-family: Helvetica;
}

.text {
  margin-bottom : 15%;
  transition: all 1s;
}

.knopka  {
  opacity: 0;
  transition: all 1s;
}

$(".kvadrat").mouseenter(function(){
        $(".knopka").css({
            'opacity' : '1'
        });
        
        $(".text").css({
            'margin-bottom' : '30%'
        });
    });
        
            $(".kvadrat").mouseleave(function(){
        $(".knopka").css({
            'opacity' : '0',
        });
                
        $(".text").css({
            'margin-bottom' : '15%'
        });
    });