.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

 
.social-links {
	display: flex;
}

.social-btn {
	cursor: pointer;
	height: 50px;
	width: 50px;  
	background: transparent; 
	
}

.social-btn span {
	width: 0px;
	overflow: hidden; 
	text-align: center;
}

.social-btn:hover {
	width: 250px; 
	transition: 1s;
}

.social-btn:hover span {
	padding: 2px;
	width: max-content;
	transition: 1s;
}