/* rounded */
.social-links--rounded {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.social-links.social-links--rounded li {
	margin: 0 0.75em;
}
	.social-links.social-links--rounded li:first-child {
		margin-left: 0;
	}
	.social-links.social-links--rounded li:last-child {
		margin-right: 0;
	}

.social-links.social-links--rounded a {
	width: 52px;
	height: 52px;
	position: relative;
	color: rgba(255,255,255, 1);
	display: block;
	border-radius: 999px;
}
	.social-links.social-links--rounded .social-links__twitter a {
		background: rgb(29, 155, 240);
	}
	.social-links.social-links--rounded .social-links__facebook a {
		background: rgb(22, 111, 229);
	}
	.social-links.social-links--rounded .social-links__instagram a {
		background: rgb(193, 53, 132);
	}
	.social-links.social-links--rounded .social-links__linkedin a {
		background: rgb(10, 102, 194);
	}
	.social-links.social-links--rounded .social-links__whatsapp a {
		background: rgb(37, 211, 102);
	}
	.social-links.social-links--rounded .social-links__xing a {
		background: rgb(6, 152, 160);
	}
	.social-links.social-links--rounded .social-links__email a {
		background: var(--theme--color--primary);
	}
	.social-links.social-links--rounded a:hover,
	.social-links.social-links--rounded a:focus,
	.social-links.social-links--rounded a:active {
		background: var(--theme--color--dark);
	}

.social-links.social-links--rounded i {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	font-size: calc(1.15 * var(--theme--font-size--medium));
}

/* mini */
.social-links--mini {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
}

.social-links.social-links--mini li {
	margin: 0 1em;
}
	.social-links.social-links--mini li:first-child {
		margin-left: 0;
	}
	.social-links.social-links--mini li:last-child {
		margin-right: 0;
	}

.social-links.social-links--mini a {
	color: var(--theme--color--primary);
	display: block;
}
	.social-links.social-links--mini a:hover,
	.social-links.social-links--mini a:focus,
	.social-links.social-links--mini a:active {
		color: var(--theme--color--secondary);
	}

.social-links.social-links--mini i {
	font-size: calc(1.15 * var(--theme--font-size--normal));
}