#paginations{margin:40px 0;width:100%;height:auto;display:table}
#paginations-top{width:100%;height:auto;display:table;margin:0 0 5px;text-align:center;}
#paginations-top-left{width:auto;display:inline-block;vertical-align:top;background:url(left.svg) 12px 50% no-repeat #fde016;line-height:40px;height:40px;border-radius:20px;text-decoration:none;padding:0 15px 0 35px;transition:.5s;margin:0 5px 10px 5px;background-size:12px}
#paginations-top-right{width:auto;display:inline-block;vertical-align:top;background:url(right.svg) calc(100% - 12px) 50% no-repeat #fde016;line-height:40px;height:40px;border-radius:20px;text-decoration:none;padding:0 35px 0 15px;transition:.5s;margin:0 5px 10px 5px;background-size:12px}
#paginations-top-left:hover,#paginations-top-right:hover{background-color:#e6f7fe;color:#111}
#paginations-bot{width:100%;height:auto;display:table;margin:0 0 -10px;text-align:center}
#paginations-bot>a{width:40px;height:40px;display:inline-block;vertical-align:top;margin:0 5px 10px 5px;background:#e6f7fe;border-radius:20px;transition:.5s;text-decoration:none;line-height:40px;color:#111}
#paginations-bot>a:hover{background:#fde016;color:#111}
#paginations-bot>span{width:40px;height:40px;display:inline-block;vertical-align:top;margin:0 5px 10px 5px;background:#fde016;border-radius:20px;text-decoration:none;line-height:40px;color:#111}