nav[aria-label="Pagination Navigation"] {
    padding:        16px;
    border-radius:  8px;

    .flex.justify-between.flex-1 {
        display: none;
    }

    .hidden {
        display:        flex;
        flex-direction: column;
        align-items:    center;
        gap:            15px;

        p {
            font-size:      16px;
            font-weight:    500;
            line-height:    24px;
        }

        div {
            display:            flex;
            align-items:        center;
            justify-content:    center;
        }
    }

    .relative.z-0.inline-flex {
        display:        flex;
        flex-wrap:      nowrap;
        align-items:    center;
        gap:            2px;

        > * {
            flex-shrink: 0;
        }
    }

    a[aria-label^="Go to page"] {
        font-size:          14px;
        font-weight:        400;
        line-height:        20px;
        color:              #374151;
        padding:            0 12px;
        border-radius:      4px;
        text-decoration:    none;
    }

    span[aria-current="page"] span {
        font-size:    18px;
        line-height:  24px;
        font-weight:  600;
        padding:      0 12px;
    }

    a[aria-label*="Previous"],
    a[aria-label*="Next"],
    span[aria-label*="Previous"],
    span[aria-label*="Next"] {
        width:   32px;
        height:  32px;
        color:   #2F1D49;
    }

    span[aria-label*="Previous"],
    span[aria-disabled="true"] {
        color:  #9ca3af;
        cursor: not-allowed;
    }
}