Nút tạo liên hệ bên trái website

<div class="icon-bar">
		<a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/congtygophuongnam/" class="float-shadow">
          	<img src="/wp-content/uploads/2019/05/facebook-1.png" alt="Facebook" title="Facebook" width="48" height="48">
  		</a>
  
		<a target="_blank" rel="noopener noreferrer" href="https://zalo.me/1656335684749387114" class="float-shadow">
          	<img src="/wp-content/uploads/2019/05/zalo-1.png" width="48" height="48" alt="Zalo" title="Zalo">
  		</a>
			
		<a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/channel/UCJ3wQAJiZBzum9RWN1TLUYA?view_as=subscriber" class="float-shadow">
			<img src="/wp-content/uploads/2019/05/youtube-1.png" width="48" height="48" alt="youtube" title="youtube">
		</a>

</div>
<style type="text/css">
.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 999; 
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 6px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}


  </style>