.lanzagorta-project-navigation {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 60px 0;
}

.lanzagorta-project-navigation__previous,
.lanzagorta-project-navigation__next {
	text-align: left;
}

.lanzagorta-project-navigation a,
.lanzagorta-project-navigation a:visited {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #444444;
	text-decoration: none;
	transition: color .2s ease, opacity .2s ease;
	/* transition puede animar varias propiedades separándolas con comas. */
}

.lanzagorta-project-navigation a:hover {
	opacity: .5;
}

.lanzagorta-project-navigation a:focus-visible {
	outline: 2px solid #666;
	outline-offset: 4px;
}

.lanzagorta-project-navigation__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.lanzagorta-icon {
	display: block;
	width: 16px;
	height: 16px;
	transition: transform .2s ease;
}

.lanzagorta-project-navigation__next .lanzagorta-icon {
	transform: scaleX(-1);
}

.lanzagorta-project-navigation__previous a:hover .lanzagorta-icon {
	transform: translateX(-4px);
}

.lanzagorta-project-navigation__next a:hover .lanzagorta-icon {
	transform: scaleX(-1) translateX(-4px);
}

.lanzagorta-project-navigation__title,
.lanzagorta-project-navigation__arrow {
	color: inherit;
}

body {
	opacity: 1;
	transition: opacity .25s ease;
}

body.lanzagorta-page-leaving {
	opacity: 0;
}