.circleflash {
  position: relative;
  overflow: hidden;
  transition: all 0.8s ease-in-out;
}

.circleflash span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #ffffff;
  transition: width 0.8s ease-in-out, height 0.8s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.circleflash:hover {
  color: #000000 !important;
}
.circleflash:hover span {
  width: 225%;
  height: 562.5px;
}
.circleflash:active {
  background-color: #e2e2e2;
}
    




 $(document).ready(function() {
   $('.t142__submit').addClass('circleflash').wrapInner('').append('');
});

    $(function() {  
  $('.circleflash')
    .on('mouseenter', function(e) {
			var parentOffset = $(this).offset(),
      		relX = e.pageX - parentOffset.left,
      		relY = e.pageY - parentOffset.top;
			$(this).find('span').css({top:relY, left:relX})
    })
    .on('mouseout', function(e) {
			var parentOffset = $(this).offset(),
      		relX = e.pageX - parentOffset.left,
      		relY = e.pageY - parentOffset.top;
    	$(this).find('span').css({top:relY, left:relX})
    });
});