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'; }