.menu-social__items {
	align-items: center;
	display: flex;
	list-style: none;
	margin: 0 auto var(--spacing);
	padding: 0;
}

.menu-social__item {
	display: inline-block;
	padding: 0 var(--spacing-div2);

	&:first-child {
		padding-left: 0;
	}

	&:last-child {
		padding-right: 0;
	}
}

.menu-social__link {
	align-items: center;
	display: flex;
	height: 100%;
	transition: all 0.3s;
	width: 100%;

	svg {
		height: 25px;
		width: auto;
	}
}