ul.next_prev { position: relative; margin: 0; display: flex; align-items: center; box-sizing: border-box } ul.next_prev li, .widget_nav_menu ul.menu { background: none !important } .next_prev .previous { float: left; width: calc(50% - 10px) } .next_prev .next { float: right; width: 50%; text-align: right; margin-left: auto } .next_prev h4 { display: inline-block; vertical-align: middle; margin: -6px 0 0 0; font-size: 16px; padding-left: 70px; word-break: break-word } .next_prev small { font-size: .8em } .next_prev .next h4 { padding: 0; padding-right: 70px; word-break: break-word } .next_prev a { position: relative } .next_prev i { font-size: 26px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: rgba(167, 167, 167, .07); width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 100%; transition: all .2s ease-in-out } .next_prev .next i { left: auto; right: 0 } .next_prev li:hover i { background: #fff; color: #111 } .cz-next-prev-archive a { position: static } .cz-next-prev-archive i { background: inherit !important; color: inherit !important; border: 0 !important; padding: 0 !important; margin: 0 !important; opacity: 1 !important; font-size: inherit !important; border-radius: inherit !important; left: 50%; transform: translate(-50%, -50%) } .cz_related_post { margin-bottom: 20px } .cz_related_post .cz_post_image { width: 100%; margin: 0 0 20px; float: none } .cz_related_post img { border-radius: inherit; transition: all .2s ease-in-out; width: 100% !important } .cz_related_post h3 { font-size: 20px } .cz_related_post_date { font-size: 12px; color: rgb(167, 167, 167) } .cz_nocomment { padding-bottom: 40px }