.pagination-wrapper{margin-top:4rem} @media screen and (min-width:990px){.pagination-wrapper{margin-top:5rem}} .pagination__list{display:flex; flex-wrap:wrap; justify-content:center} .pagination__list>li{flex:1 0 4.4rem; max-width:4.4rem} .pagination__list>li:not(:last-child){margin-right:1rem} .pagination__item{color:rgb(var(--color-foreground)); display:inline-flex; justify-content:center; align-items:center; position:relative; height:4.4rem; width:100%; padding:0; text-decoration:none} a.pagination__item:hover::after{height:0.1rem} .pagination__item .icon-caret{height:0.6rem} .pagination__item--current::after{height:0.1rem} .pagination__item--current::after,.pagination__item:hover::after{content:''; display:block; width:2rem; position:absolute; bottom:8px; left:50%; transform:translateX(-50%); background-color:currentColor} .pagination__item--next .icon{margin-left:-0.2rem; transform:rotate(90deg)} .pagination__item--next:hover .icon{transform:rotate(90deg) scale(1.07)} .pagination__item--prev .icon{margin-right:-0.2rem; transform:rotate(-90deg)} .pagination__item--prev:hover .icon{transform:rotate(-90deg) scale(1.07)} .pagination__item-arrow:hover::after{display:none}