:root{
	--facebook: #1b74e4;
	--instagram: radial-gradient(
		circle at 33% 100%,
		#fed373 4%,
		#f15245 30%,
		#d92e7f 62%,
		#9b36b7 85%,
		#515ecf	);
	--twitter: #55acee;
	--mail: #4E7EEA;
	--whatsapp: #25D366;
}

.redes-sociales ul li{
	display: block;
	margin: 0 5px;
	width: 50px;
	height: 50px;
	text-align: center;
}

.redes-sociales ul li a{
	display: block;
	padding: 0 10px;
	background:  #343a40;
	color: #fff;
	line-height: 50px;
	font-size: 24px;
	border-radius: 30%;
	box-shadow: 0 3px 5px 0px rgba(0,0,0,.2);
	transition:  .2s;
}

.redes-sociales ul:hover a{
	filter: blur(2px);
}

.redes-sociales ul li a:hover{
	transform: translateY(-3px) scale(1.05);
	box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4);
	filter: none;
}

.redes-sociales ul li .twitter:hover{
	background: var(--twitter);
}

.redes-sociales ul li .instagram:hover{
	background: var(--instagram);
}

.redes-sociales ul li .facebook:hover{
	background: var(--facebook);
}

.redes-sociales ul li .whatsapp:hover{
	background: var(--whatsapp);
}

.redes-sociales ul li .mail:hover{
	background: var(--mail);
}