Нужно сверстать навигацию по страницам с помощью имеющейся css

Здравствуйте, кто может сверстать навигацию с уже имеющейся CSS

 Показать / Скрыть текст

/* ================= PAGINATION ================= */     .pagination_block:after{         content:"";         display:table;         clear:both;     }     .pagination_block{         padding-top:2.125em;         padding-bottom:1em;         margin-top:2.125em;         text-align:center;         clear:both;         border-top:1px solid #cccccc;     }     .pagination_block .pw{         position:relative;     }     .pagination{              }     .pagination .prev,     .pagination .next{         padding:0.438em 1.875em 0.5em;         line-height:1!important;     }     .pagination .prev:hover,     .pagination .next:hover{             -webkit-box-shadow:0 3px 0 #ceaa1c;             -moz-box-shadow:0 3px 0 #ceaa1c;                 box-shadow:0 3px 0 #ceaa1c;     }     .pagination a{         margin-right:0.5em;         margin-left:0.5em;         vertical-align:middle;         padding:0.8em 0.5em 1em;         display:inline-block;         line-height:1!important;     }     .pagination a.active,     .pagination a:hover{         -webkit-border-radius:3px;             -moz-border-radius:3px;                 border-radius:3px;         -webkit-box-shadow:0 0 0 1px #f9c936;                 box-shadow:0 0 0 1px #f9c936;     }     .pagination .prev span,     .pagination .next span{         font-size:28px;     }     .number{         position:absolute;         right:2.2%;         top:50%;         margin-top:-14px;     }     .number a.active{         color:#333;         border-bottom:3px solid #f9c936;     }     .number a{         margin:0 .5em;         display:inline-block;         color:#a1a1a1;         border-bottom:1px dotted;     }

Должно получится так:

Источник: dle-faq.pro