.cc-figure--sarah {
	background: #42b078;
}

.cc-figure--sarah  > a > img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cc-figure--sarah:hover  > a > img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cc-figure--sarah .figcaption {
	text-align: left;
}

.cc-figure--sarah .slot-1 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
}

.cc-figure--sarah .slot-1::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

.cc-figure--sarah:hover .slot-1::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cc-figure--sarah .slot-2 {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

.cc-figure--sarah:hover .slot-2 {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}