.pagination-container{display:flex;list-style-type:none;.pagination-item{padding:8px;height:40px;width:40px;text-align:center;margin:auto 4px;color:rgba(0,0,0,.87);display:flex;box-sizing:border-box;align-items:center;justify-content:center;letter-spacing:.01071em;border-radius:999px;line-height:1.43;font-size:13px;min-width:32px;&.dots:hover{background-color:transparent;cursor:default}&:hover{background-color:#0077db;cursor:pointer}&.selected,&:hover{color:hsla(0,0%,100%,.87)}&.selected{background-color:#0084ff}.arrow{&:before{position:relative;content:"";display:inline-block;width:.4em;height:.4em;border-right:.12em solid rgba(0,0,0,.87);border-top:.12em solid rgba(0,0,0,.87)}&.left{transform:rotate(-135deg) translate(-50%)}&.right{transform:rotate(45deg)}}&.disabled{pointer-events:none;color:hsla(0,0%,47%,.87);.arrow:before{border-right:.12em solid rgba(0,0,0,.43);border-top:.12em solid rgba(0,0,0,.43)}&:hover{background-color:transparent;cursor:default}}}}@media screen and (max-width:425px){.pagination-container{.pagination-item{width:0}}}