.book .book-body { .navigation { position: absolute; top: 0px; bottom: 0px; margin: 0; max-width: 150px; min-width: 90px; display: flex; justify-content: center; align-content: center; flex-direction: column; font-size: 40px; color: rgba(0, 0, 0, 0.2); text-align: center; .transition(all 350ms ease); &:hover { text-decoration: none; color: rgba(0, 0, 0, 0.6); } &.navigation-next { right: 0px; } &.navigation-prev { left: 0px; } } @media (max-width: @mobileMaxWidth) { .navigation { position: static; top: auto; max-width: 50%; width: 50%; display: inline-block; float: left; &.navigation-unique { max-width: 100%; width: 100%; } } } } .book.color-theme-1 .book-body { } .book.color-theme-2 .book-body { .navigation { color: rgba(255, 255, 255, 0.4); &:hover { color: rgba(255, 255, 255, 0.9); } } }