.recipe {
	cursor: pointer;
	width: calc(33% - 20px);
	height: 300px;
	margin: 0px 0px 0px 0px;
	position: relative;
	overflow: hidden;
}

.recipe[hover] > div{
	transform: translateY(0px);
}

.recipe > div{
	position: absolute;
	bottom: 0;
	height: 100px;
	background-color: rgba(254,180,70,0.8);
	width: 100%;
	padding: 10px 30px;
	transform: translateY(100px);
	transition: transform 0.2s ease;

}

.recipe  h3{
	color: #FFF;
	font-size: 24px;
	font-weight: 600;
}

.recipe  .button{
	font-size: 12px;
	position: absolute;
	bottom: 12px;
	right: 20px;
	padding: 5px 12px;

}