*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
 
.social ul li .icon-instagram {background:#F48320;}
.social ul li .icon-facebook {background:#3b5998;}
.social ul li .icon-x {background: #00abf0;}
.social ul li .icon-mail {background: #AF47BD;}
.social ul li .icon-whatsapp {background: #48B01E;}

	
.social {
	position: fixed;
	left: 0; /* Establecemos la barra en la izquierda */
	top: 340px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */

}
 
	.social ul {
		list-style: none;
	}
 
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #4D56FB;
		padding: 12px 12px;  /* 14px es el alto y 16px es el ancho de los cuadraditos */
		font-size: 18px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease;
	}



.social ul li a:hover {
padding: 13px 25px; /* 14px es el alto y 35px es el ancho de se asoma */
background: #015A62;
border-radius: 0px 7px 7px 0px;
justify-content: left;
list-style: none;
}