.social_sidebar {
	--item-size: 16px;
	--item-color: var(--color-primary, black);
	--item-color-hover: var(--black-hover, #1F1F1F);
	--item-color-backgroud: var(--grey-light, #F7F7F7);

	text-align: center;
}
.social_sidebar_title {
	color: black;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
}
.social_sidebar_group {
	flex-wrap: wrap;
	gap: 8px;
}
.ssg_item {
	text-decoration: none;
	display: inline-flex;
	font-size: var(--item-size);

	background: var(--item-color-backgroud);
	border-radius: 16px;
	padding: 12px;
}
.ssg_item i {
	color: var(--item-color);
}
.ssg_item:hover i {
	color: var(--item-color-hover);
}
.ssg_item svg {
	height: var(--item-size);
	width: auto;
}
.ssg_item svg path {
	fill: var(--item-color);
}
.ssg_item:hover svg path {
	fill: var(--item-color-hover);
}