Template:Main page/featured/styles.css

#home-featured {
	overflow: hidden;
}

#home-featured .home-card__background {
	overflow: hidden;
    border-top-right-radius: 12px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

#home-featured .home-card__background a {
	display: block;
	height: 100%;
}

#home-featured .home-card__background:after {
	top: unset;
	height: 60%;
	background: linear-gradient( to top, #ffa943, transparent );
}


#home-featured.home-card--button:hover .home-card__background::after {
	transform: translateY(100%);
}

#home-featured .home-card__foreground {
	justify-content: flex-end;
	text-shadow: 1px 1px 1px black;
}

#home-featured .home-card__foreground .home-card__label {
	justify-content: flex-end;
	color: #ffffff;
	text-shadow: 0px 1px 0px #fdb256;
}