ul.social-links {
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

ul.social-links li {
	list-style-type: none;
}

ul.social-links a {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

ul.social-links svg {
	fill: var(--wp--preset--color--foreground);
	width: 30px;
	height: 30px;
}

ul.social-links a:hover svg {
	fill: var(--wp--preset--color--foreground);
}

.has-primary-background-color ul.social-links a {
	color: currentColor;
}
.has-primary-background-color ul.social-links svg,
.has-primary-background-color ul.social-links a:is(:focus, :hover) svg {
	fill: currentColor;
}