.wp-block-button.has-emanon-social-x-icon,
.emanon-social-menu-icon.is-x {
	--emanon-social-brand: #000;
	--emanon-social-icon: url(icons/x-logo.svg);
}

.wp-block-button.has-emanon-social-facebook-icon,
.emanon-social-menu-icon.is-facebook {
	--emanon-social-brand: #0866ff;
	--emanon-social-icon: url(icons/facebook-icon.svg);
}

.wp-block-button.has-emanon-social-linkedin-icon,
.emanon-social-menu-icon.is-linkedin {
	--emanon-social-brand: #2867b2;
	--emanon-social-icon: url(icons/linkedin-logo.svg);
}

.wp-block-button[class*="has-emanon-social-"] .wp-block-button__link::before {
	content: "";
    display: inline-block;
    inline-size: 1.25em;
    block-size: 1.25em;
    margin-inline-end: 0.5em;
    vertical-align: middle;
    background: transparent center / contain no-repeat;
    pointer-events: none;
}

.wp-block-button.has-emanon-social-facebook-icon .wp-block-button__link::before {
	background-image: url(icons/facebook-icon.svg);
	background-size: auto 100%;
}

.wp-block-button.has-emanon-social-linkedin-icon .wp-block-button__link::before {
	background-image: url(icons/linkedin-logo.svg);
	background-size: auto 90%;
}

.wp-block-button.has-emanon-social-x-icon .wp-block-button__link::before {
	background-image: url(icons/x-logo.svg);
	background-size: auto 85%;
}

.emanon-social-menu-icon {
	background: var(--emanon-social-icon) center/contain no-repeat;
	display: inline-block;
	height: 20px;
	width: 20px;
}