Делаем калькулятор в ZeroBlock в Tilda

<style>
/*Скрываем кнопку Submit*/    
    .t678 .t-form__submit{
        display:none !important;
    }
/*Привязка элементов формы по левому краю*/      
  .t678  .t-input-group {
        float:left;
        width: 250px;
        
    }
/*Блок с ползунками по левому краю*/    
    .polzblk {
       float: left;
}
/*Отменяем привязку у втророго ползунка*/  
   .t678 .t-input-group_rg:last-child{
       clear:both;
   }
/*Отступ между ползунками*/
   .t678 .t-input-group_rg{
         margin-bottom: 0px !important;
   }
/*Цвет текста поля итого*/   
   .t-calc__wrapper{
     color: #FFF700 !important;    
  }
/*Расположение и отступы текста в поле итого*/
 .t-input-group_fr {
    text-align: center;
    margin-top: 70px;
    margin-right: 50px;
}
/*Размер шрифта в поле итого*/
.t-name_md {
    font-size: 30px !important;  
}
/*Эффект для кнопки*/
.calcbutton {
    background-image: linear-gradient(45deg, #f9da00 0%, #ff7300 40%, #f5ff01 100%);
    box-shadow: 0 16px 32px 0 rgba(255, 141, 0, 0.35);
    background-position: 100% 0 !important;
    background-size: 200% 200%;
    transition: all 0.5s ease-in-out !important;
}
/*Эффект для кнопки*/
.calcbutton:hover {
   box-shadow: 0 0 0 0 rgba(0,40,120,0);
   background-position: 0 0 !important;
}
/*При размере экрана меньше 960px*/
@media screen and (max-width: 960px){
/*Уменьшаем отступ сверху у поля Итого*/
.t-input-group_fr {
    margin-top: 40px;
}
}
/*При размере экрана меньше 660px*/
@media screen and (max-width: 660px){
/*Отменяем у формы привязки слева*/
.t-input-group , .polzblk {
    float:none;
}
}

</style>

<script>
//Оборачиваем поззунки в новый блок    
 $(".t-input-group_rg").wrapAll("<div class='polzblk'</div>");
//Перемещаем форму в Zero 
 $("#rec51509436").appendTo(".mycalc");
//Добавляем класс к кнопке 
 $("[href ='#popup:mycalc']").addClass("calcbutton");
</script>