.prev-next-nav { margin-right: 64px; margin-left: 64px; overflow: hidden; font-size: 14px; border-top: 1px solid @site-border-color-split; > .prev-page, > .next-page { float: left; width: 50%; height: 72px; line-height: 72px; text-decoration: none; } > a.prev-page { .footer-nav-icon-before { position: relative; left: 0; margin-right: 1em; color: @site-text-color-secondary; font-size: 12px; transition: all 0.3s; } .footer-nav-icon-after { display: none; } &:hover .footer-nav-icon-before { left: -3px; color: @primary-color; } } > .next-page { float: right; text-align: right; .footer-nav-icon-after { position: relative; right: 0; margin-left: 1em; color: @site-text-color-secondary; font-size: 12px; transition: all 0.3s; } .footer-nav-icon-before { display: none; } &:hover .footer-nav-icon-after { right: -3px; color: @primary-color; } } .chinese { margin-left: 0.5em; } }