Template:NavArrows/style.css

.navArrow-left, .navArrow-right {
    flex: 1;
}

.navArrow-left:hover, .navArrow-right:hover {
    z-index: 5;
}

.navArrow-left{
	text-align:left;
}

.navArrow-right{
	text-align:right;
}

.navArrow-left a {
    margin-left: .5em;
}

.navArrow-right a {
    margin-right: .5em;
}

.navArrow-left .navArrow {
    margin-right: .3em;
}

.navArrow-right .navArrow{
	margin-left: .3em;
}

.navArrow-left:hover .navArrow, .navArrow-left:hover:hover .navArrow:before {
    transform: translateX(-25%);
}

.navArrow-right:hover .navArrow, .navArrow-right:hover:hover .navArrow:before {
    transform: translateX(25%);
}

.navArrow {
 display: inline-block;
 transition: 0.3s ease-out;
}

.navArrow:before{
	font-family: FabricMDL2Icons;
	font-size: 1.5em;
	vertical-align: middle;
}

.navArrow-left .navArrow:before{
	content: '\F2DD';
}

.navArrow-right .navArrow:before{
	content: '\F2DF';
}