gistfile1.css

div#wrapper div.arrow {
	top: 232px;
	width: 100px;
	height: 100px;
	position: absolute;
	overflow: hidden;
	box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.5);
}

div#wrapper div.arrow:after {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	background: rgb(4, 114, 236);
	-webkit-transform: rotate(45deg);
	top: 75px;
	left: 25px;
	box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.5);
}

div#wrapper div.arrow:hover:after {
	left: 20px;
	background-color: white;
	border: 5px solid rgb(255, 0, 132);
	box-shadow: -1px -1px 10px -2px rgba(255, 0, 0, 0.5);
}

div#wrapper div.arrow#left {
	left: -89px;
	-webkit-transform: rotate(-90deg);
}

div#wrapper div.arrow#right {
	right: -89px;
	-webkit-transform: rotate(90deg);
}