.socials-navigation {
	ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	ul.menu {
		height: 100%;
		display: flex;
		align-items: center;
		gap: 10px;
		text-align: left;

		a {
			font-size: 0;
			color: inherit;
			display: inline-flex;
			align-items: center;

			.menu-item-icon {
				@include font-size(12/16);
				display: inline-flex;
				justify-content: center;
				align-items: center;
				width: 28px;
				height: 28px;
				line-height: 28px;
				border-radius: 999px;
				margin: 0;
				--em-social-bg-color: rgb(from var(--em-color__dark) r g b / 0.1);
				background-color: var(--em-social-bg-color);
				transition: all .3s ease;

				&:hover {
					background-color: var(--em-social-color, #000);
					color: var(--em-color__light);

					&.em-socials--instagram,
					&.em-socials--threads,
					&.em-socials--tiktok {
						background-image: var(--em-social-color);
					}
				}
			}
		}
	}

	.menu-item-icon {
		@include font-size(16/16);
	}
}