.list-social {
	display: flex;
}
.list-social a {
	padding: 1rem;
}

@media screen and (min-width: 990px) {
	.list-social {
		justify-content: flex-start;
	}
}
.list-social__item .icon {
	height: 2.4rem;
	width: 2.4rem;
	color: rgba(var(--color-social));
	transition: var(--duration-default);
}

.list-social__item:hover .icon {
	opacity: 0.5;
}

.list-social__link {
	align-items: center;
	display: flex;
}