ul.social-links {
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 12px;
}

ul.social-links.has-background,
.editor-styles-wrapper ul.social-links.has-background {
	padding: 32px;
}

ul.social-links.has-text-align-center {
	justify-content: center;
}

ul.social-links.has-text-align-right {
	justify-content: flex-end;
}

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;
	background-color: var(--cwp-social-bg, var(--wp--custom--color--secondary-alt));
	border-radius: var(--wp--custom--border-radius--large);
}

.editor-styles-wrapper ul.social-links a {
	pointer-events: none;
}

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

ul.social-links a:where(:focus, :hover) {
	background-color: var(--wp--preset--color--background);
}
ul.social-links a:where(:focus, :hover) svg {
	fill: var(--cwp-social-icon-state, var(--wp--custom--color--secondary-alt));
}

.editor-styles-wrapper .wp-block-cwp-social-links.has-background {
	padding: 0;
}