Hover Flying With Shadow Like My Auto Updates CSS

 <div class="kanhaEffect">

this is my flying hover text

</div>

<style>

.kanhaEffect{padding: 8px;padding-left: 10px;-webkit-transition:all 0.5s linear;-webkit-box-shadow: 2px 2px 2px 0px #b3b3b3}

.kanhaEffect:hover{box-shadow: 10px 10px 15px  rgba(0,0, 0, 0.2);padding: 9px;transform: scale(1.02);}

</style>