.icon {
	display: inline-flex;
	line-height: 1;
}

.icon-xl {
	font-size: 5.625rem;
}

.icon-lg {
	font-size: 2.125rem;
}

.icon-md {
	font-size: 1.375rem;
}

.icon-sm {
	font-size: 1.0625rem;
}

.icon-round {
	justify-content: center;
	align-items: center;
	width: 2.56em;
	height: 2.56em;
	background-color: #fafafb;
	border-radius: 50%;
}

.icon-round.icon-sm {
	width: 1.875rem;
	height: 1.875rem;
}

.icon-base {
	color: rgba(38, 69, 85, 0.5);
}

.icon-primary-light {
	color: #a4bbf9;
}

.icon-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 4.25rem;
	height: 4.25rem;
	font-size: 1.375rem;
	color: #1c54e2;
	background-color: #fff;
	border: 2px solid #1c54e2;
	border-radius: 50%;
	transition: all 0.2s ease-in-out;
}

.icon-btn:hover {
	color: #fff;
	background-color: #1c54e2;
}

.icon-link {
	transition: all 0.2s ease-in-out;
}

.icon-link.icon-base:hover {
	color: #264555;
}

.icon-link.icon-primary-light:hover {
	color: #1c54e2;
}

.icon-link.icon-round {
	color: #fff;
	background-color: #1c54e2;
}

.icon-link.icon-round:hover {
	background-color: #1f3b49;
}