.sm-wrapper ul {
	list-style: none;
}
.sm-wrapper ul li {
	width: 50px;
	height: 50px;
	background: #e59500;
	margin: 10px 0;
	border-radius: 3px;
	position: relative;
	cursor: pointer;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.sm-wrapper ul li .fa {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 20px;
}
ul li.facebook {
	background: #3b5999;
}
ul li.twitter {
	background: #55acee;
}
ul li.instagram {
	background: #e4405f;
}

.slider {
	position: absolute;
	top: 0;
	left: 51px;
	width: 0px;
	height: 50px;
	line-height: 50px;
	background: #eebb5c;
	text-align: center;
	border-radius: 3px;
	transition: all 0.2s ease;
}
.slider p {
	text-transform: uppercase;
	font-size: 16px;
	opacity: 0;
	font-weight: 900;
	transition: all 0.2s ease;
}
ul li.facebook div.slider {
	background: #624aac;
}
ul li.twitter div.slider {
	background: #7fd5f6;
}
ul li.instagram div.slider {
	background: #dd94c6;
}