.social-links {
	overflow: hidden;
	position: relative;
	text-align: center;
	ul,
	li {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	ul {
		display: inline-block;
		vertical-align: middle;
	}

	li {
		float: left;
		a {
			color: $color__text-secondary;
			display: block;
			width: 48px;
			height: 48px;
			line-height: 48px;
			&:hover,
			&:focus {
				color: $color__link;
			}
		}
	}
}