Template:Home/FeaturedAlert/styles.css

.home-event .home-card {
	height: 5rem;
}

.home-event .home-card__background:after {
	/*
	 * Theme gradient color
	 * FIXME: Find a way to make customize it through wikitext 
	 */
	background: linear-gradient(to right,#101e3c,transparent);
}
.home-card__foreground {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--space-xxs);
  color: #fff;
  line-height: var(--line-height-xs);
  pointer-events: none;
}
.home-card__header {
  color: var(--color-base--emphasized);
  font-size: 1rem;
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-xs);
}
.mw-parser-output .home-card__background::after {
  position: absolute;
  pointer-events: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background: linear-gradient(to right,#000,transparent);
  content: "";
}