.t142__submit:hover {
   webkit-animation-name: buzz-out;
    animation-name: buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@keyframes buzz-out {
10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
}
20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
}
30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
}
40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
}
50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
}
60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
}
70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
}
80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
}
90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
}
100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
}
}



/*Добавляем отступ под кнопкой и задаём  время перехода 0,4 сек */
  .t776__col {
    padding-bottom: 10px;
    transition: all 0.4s ease-in-out;
}
 /*Добавляем эффект при наведении */
   .t776__col:hover {
    transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.45);
}
  /*Добавляем отступы для текста и заголовка: слева и справа */  
    .t776__textwrapper , .t776__btn-wrapper{
    padding: 0px 10px 0px 10px;
}
   /*Отменяем увеличение на экранах меньше 960 px + добавляем отступ сверху 15рх */  
      @media screen and (max-width: 960px) {
    .t776__col {
    padding-top: 15px;    
    transform: none!important;
}}