.pagination{--border-radius:4px;justify-content:center}.pagination,.pagination>ul{display:flex}.pagination ul+ul{margin-left:8px}.pagination__item{display:flex;border:1px solid rgba(0,0,0,.3);box-sizing:border-box;padding:2px}.pagination__item+*{border-left:none}.pagination__item:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}.pagination__item:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0}.pagination__item:only-child{border-radius:var(--border-radius)}.pagination__item span,.pagination__item>a{display:flex;align-items:center;justify-content:center;height:40px;width:40px;text-decoration:none;border:navy}.pagination__item>.active{background:#111;color:#fff}