.red-wc-reveal-img-cont{
	position: relative;
	display: block;
	overflow: hidden;
}

.red-wc-reveal-img-cont a{
	display: block;
}

.red-wc-reveal-img-cont picture.img_principale{
	transition: all 0.6s;
	position: relative;
	z-index: 2;
}

.red-wc-reveal-img-cont:hover picture.img_principale{
	opacity: 0;
}
.red-wc-reveal-img-cont:hover picture.img_secondaria{
    opacity: 1;
}

.red-wc-reveal-img-cont picture.img_secondaria{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    opacity: 0;
}

.red-wc-reveal-img-button-cont{
	text-align: center;
	bottom: -100%;
	position: absolute;
	left: 0;
	width: 100%;
	transition: all 0.6s;
	z-index: 3;
}

.red-wc-reveal-img-cont:hover .red-wc-reveal-img-button-cont{
	bottom: 20px;
}

.red-wc-reveal-img-button{
	display: inline-block;
	transition: all 0.3s;
}

/* Quando uno dei link riceve focus visibile, applica gli stessi effetti di hover */
.red-wc-reveal-img-cont:has(a:focus-visible) picture.img_principale {
	opacity: 0;
}

.red-wc-reveal-img-cont:has(a:focus-visible) .red-wc-reveal-img-button-cont {
	bottom: 20px;
}