Как сделать эффект подчёркивания при наведении курсора на ссылки в ZeroBlock для Tilda

В ZeroBlock проставляем ссылки для текста и применяем стили (приведены ниже)
<style>
    .t396 a {
       -webkit-transition: padding 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
       -moz-transition: padding 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
       -o-transition: padding 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
       -ms-transition: padding 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
        transition: padding 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
       border-bottom: 2px solid transparent;
}
    .t396 a:hover{
      border-bottom-color: #0080f4 !important;
      padding-left: 3px;
}


.t396 a:after {

    line-height: 10px;
    position: absolute;
    top: 50%;
    right: -4px;
    margin-top: -5px;
    content: '\2B9E';
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    color: #0080f4;
}

.t396 a:hover:after {
    right: -12px;
    opacity: 1;
}
    
    
</style>
Made on
Tilda