Share Buttons with URL generation for Wordpress inline PHP/HTML with fontawesome icons

wordpress-share-buttons.php

<?php 

?>
<div class="social-media-contents">
   <div id="share-text" class="social-element">Sharing is caring: </div>
   <div id="facebook-icon" class="social-element">
      <a href="http://www.facebook.com/sharer/sharer.php?s=100&p[url]=<?php echo urlencode(get_permalink()); ?>" target="_blank">
        <i class="fa fa-facebook-square" aria-hidden="true"></i>
     </a>
   </div>
    <div id="twitter-icon" class="social-element">
      <a href="https://twitter.com/intent/tweet?text=<?php echo get_the_title()  . '%20' . get_permalink(); ?>" target="_blank">
        <i class="fa fa-twitter" aria-hidden="true"></i>
     </a>
   </div>
    <div id="linkedin-icon" class="social-element">
      <a href="https://www.linkedin.com/shareArticle?url=<?php echo urlencode(get_permalink()); ?>&title=<?php echo urlencode(get_the_title()); ?>" target="_blank">
        <i class="fa fa-linkedin" aria-hidden="true"></i>
     </a>
   </div>
   <div id="google-icon" class="social-element">
     <a href="https://plus.google.com/share?url=<?php echo urlencode(get_permalink()); ?>" target="_blank">
        <i class="fa fa-google-plus" aria-hidden="true"></i>
     </a>
   </div>
   <div id="youtube-icon" class="social-element">
     <a href="https://reddit.com/submit?url=<?php echo urlencode(get_permalink()); ?>&title=<?php echo urlencode(get_the_title()); ?>" target="_blank">
        <i class="fa fa-reddit-alien" aria-hidden="true"></i>
     </a>
   </div>
</div>

<style>
.social-media-contents {
	text-align: left;
	display: block;
}
.social-media-contents {
	text-align: center;
	display: block;
}
.social-media-contents .social-element {
	display: inline-block;
}
.social-media-contents .social-element a {
	display: inline-block;
	padding: 0 10px;
   color: #555;
   font-size: 30px;
}
.social-media-contents .social-element a {
   color: #aaa;
   font-size: 20px;
}

.social-media-contents #share-text {
	 text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    font-size: 17px;
    font-weight: 500;
    color: #606060;
}
</style>