nav[aria-label='Pagination Navigation']{
    text-align: center;
    width: fit-content;
    height: fit-content;
    width: -moz-fit-content;
    height: -moz-fit-content;
    margin: auto;
    background: #fff;
    box-shadow: 0 0 6px #0002;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 24px;
    margin-bottom: 64px;
    border-radius: 4px;
    max-width: 100%;
}
@media (max-width: 980px){
    nav[aria-label='Pagination Navigation'] {
        width: 100% !important;
    }
    }
nav[aria-label='Pagination Navigation'] hr{
    display: none;
}

svg.w-5.h-5{
    transform: rotate(180deg);
    height: 32px;
}
span[aria-disabled="true"]{
    background: #9993;
    opacity: .3;
}
nav[aria-label='Pagination Navigation'] span[aria-current="page"]{
    color: red !important;
    opacity: .6;

}
nav[aria-label='Pagination Navigation'] > div >div> span{
    display: flex;
    align-items: center;
    justify-content: center;
}
nav[aria-label='Pagination Navigation'] > div >div> span * {
    display: flex;
    align-items: center;
    justify-content: center;
}
nav[aria-label='Pagination Navigation'] > div >div> span > * {
    width: 32px;
    height: 32px;
    border-radius: 4px;
}
nav[aria-label='Pagination Navigation'] > div >div> span > a:hover {
    background-color: rgb(74, 161, 255);
    color: #fff;
}
nav[aria-label='Pagination Navigation'] > div >div> span > a{
    color: rgb(59, 58, 58);
}
nav[aria-label='Pagination Navigation'] > div >div> span > *:not(a[aria-label="Next »"]):not(*[aria-label="« Previous"])
{
     padding-top: 4px;
}
a[aria-label="Next »"],a[aria-label="« Previous"]{
    color: rgb(62, 62, 255) !important;
}