[data-directional-hover="true"] {
	position: relative;
}
[data-directional-hover="true"] > *  {
	float: left;
	position: relative;
}
[data-directional-hover="true"] a,
[data-directional-hover="true"] a img {
	display: block;
	position: relative;
}
[data-directional-hover="true"] a {
	overflow: hidden;
}
[data-directional-hover="true"] .hover-target {
	position: absolute;
	width: 100%;
	height: 100%;
}
[data-directional-hover="true"] .hover-inner {
	display: block;
	width: 100%;
	height: 100%;
}
