/* Footer */

.slide > footer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	padding:
		48px var(--slide-right-side)
		24px var(--slide-left-side);
	background-color: var(--color-yellow);
	transition: transform 0.3s;
}

/* List */

.shower.list .slide > footer {
	transform: translateY(100%);
}

.shower.list .slide.active > footer,
.shower.list .slide:hover > footer {
	transform: translateY(0);
}

/* Full */

.shower.full .slide > footer {
	display: none;
}