/* Match BuddyBoss's circular brand glyphs; inherit the link's hover color. */
.footer-socials .bb-icon-brand-MAX {
	position: relative;
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
}

.footer-socials .bb-icon-brand-MAX::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: currentColor;
}

.footer-socials .bb-icon-brand-MAX::after {
	content: "";
	position: absolute;
	inset: 23%;
	background-color: #fff;
	-webkit-mask: url("../icons/max.svg") center / contain no-repeat;
	mask: url("../icons/max.svg") center / contain no-repeat;
}