My Social Share Button PHP CSS

 <div>

<a class="kshare" href="whatsapp://send?text='.$Canonical.'"><img src="'.$ss->settings['url'].'/assets/images/wp-share.png" alt="'.$fileTitle.'"/></a>

<a class="kshare" href="tg://msg_url?url='.$Canonical.'&amp;text=Download '.$fileTitle.' Full Mp3 Song"><img src="'.$ss->settings['url'].'/assets/images/telegram-share.png" alt="'.$fileTitle.'"/></a>

<a class="kshare" href="https://twitter.com/intent/tweet?url='.urlencode($Canonical).'"><img src="'.$ss->settings['url'].'/assets/images/twitter-share.png" alt="'.$fileTitle.'"/></a>

<a class="kshare" href="mailto:subject=Download - '.$fileTitle.';body=Below Link To Download This Song :'.$Canonical.'"><img src="'.$ss->settings['url'].'/assets/images/email.png" alt="'.$fileTitle.'"/></a>

<a class="kshare" href="https://www.linkedin.com/cws/share?url='.$Canonical.'"><img src="'.$ss->settings['url'].'/assets/images/linkdin-share.png" alt="'.$fileTitle.'"/></a>

<a class="kshare" href="//pinterest.com/pin/create/link/?url='.$Canonical.'&amp;description='.$fileTitle.'"><img src="'.$ss->settings['url'].'/assets/images/pintrest-share.png" alt="'.$fileTitle.'"/></a>

</div>

css

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

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