.boton.tresN::after {
	content: "";
	width: 100%;
	height: 100px;
	background: #000000;
	position: absolute;
	z-index: 1;
	top: -300px;
	left: 0;
	transition: .4s ease-in-out all;
	border-radius: 0px 0px 300px 300px;
}

.boton.tresN:hover::after {
	top: 0;
}


.boton.tresB::after {
	content: "BLANCA";
	width: 100%;
	height: 100px;
	background: #FFFFFF;
	position: absolute;
	z-index: 1;
	top: -300px;
	left: 0;
	transition: .4s ease-in-out all;
	border-radius: 0px 0px 300px 300px;


}

.boton.tresB:hover::after {
	top: 0;

	 
}
.boton.tresV::after {
	content: "";
	width: 100%;
	height: 100px;
	background: #8B2929;
	position: absolute;
	z-index: 1;
	top: -300px;
	left: 0;
	transition: .4s ease-in-out all;
	border-radius: 0px 0px 300px 300px;
}

.boton.tresV:hover::after {
	top: 0;
}
.boton.tresmos::after {
	content: "";
	width: 100%;
	height: 100px;
	background: #EFB810;
	position: absolute;
	z-index: 1;
	top: -300px;
	left: 0;
	transition: .4s ease-in-out all;
	border-radius: 0px 0px 300px 300px;
}

.boton.tresmos:hover::after {
	top: 0;
}
.boton.tresR::after {
	content: "";
	width: 100%;
	height: 100px;
	background: #FFA8A8;
	position: absolute;
	z-index: 1;
	top: -300px;
	left: 0;
	transition: .4s ease-in-out all;
	border-radius: 0px 0px 300px 300px;
}

.boton.tresR:hover::after {
	top: 0;
}
.boton.tresA::after {
	content: "";
	width: 100%;
	height: 100px;
	background: #0F1E80;
	position: absolute;
	z-index: 1;
	top: -300px;
	left: 0;
	transition: .4s ease-in-out all;
	border-radius: 0px 0px 300px 300px;
}

.boton.tresA:hover::after {
	top: 0;
}
.boton.tresM::after {
	content: "";
	width: 100%;
	height: 100px;
	background: #096C31;
	position: absolute;
	z-index: 1;
	top: -300px;
	left: 0;
	transition: .4s ease-in-out all;
	border-radius: 0px 0px 300px 300px;
}

.boton.tresM:hover::after {
	top: 0;
}

.boton.tresRO::after {
	content: "";
	width: 100%;
	height: 100px;
	background: #F21515;
	position: absolute;
	z-index: 1;
	top: -300px;
	left: 0;
	transition: .4s ease-in-out all;
	border-radius: 0px 0px 300px 300px;
}

.boton.tresRO:hover::after {
	top: 0;