@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css");
@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
.social-media{
	align-items: center;
	display: flex;
	transition: transform 0.3s ease-in-out;
}
.social-media:hover{
	transform: translateX(calc(-100% + 60px));
}

.social-media i{
	color: #fff;
	font-size: 20px;
	padding: 15px;
	text-align: center;
	width: 60px;
}
.social-media a{
	color: #fff;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
}
.social-media-container{
	top: 50%;
	list-style-type: none;
	padding: 0;
	position: fixed;
	left: calc(100% - 60px);
	transform: translateY(-50%);
	min-width: 250px;
    z-index: 1000;
}

.social-media.linkedin{
	background-color: #007;
}
.social-media.instagram{
	background-color: #c13584;
}
.social-media.gmb{
	background-color: #4285F4;
}
.social-media.whatsapp{
	background-color: #25D366;
}
.social-media.phone{
	background-color: #d18b00;
}