/* --- ICONOS Y ANIMACIÓN RIPPLE --- */
.lar-icon {
	font-size: 1.25em;
	vertical-align: middle;
	line-height: 1;
	display: inline-flex;
	align-items: center;
}

span.lar-ripple {
	position: absolute;
	border-radius: 50%;
	transform: scale(0);
	animation: lar-ripple-animation 600ms cubic-bezier(0.4, 0, 0.2, 1);
	background-color: currentColor;
	opacity: 0.22;
	pointer-events: none;
}

@keyframes lar-ripple-animation {
	to {
		transform: scale(4);
		opacity: 0;
	}
}