.pagination{
    float: right;
    background: white;
    border-radius: 9999px;
    padding: 5px 10px;
    width: auto;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagination li {
    text-align: center;
    display: inline-block;
    margin-right: 7px;
    position: relative;
    padding: 5px 14px;
}

.pagination li.active {
    background-color: #0284c7;
    color: white;
    border-radius: 100px;
}

@media screen and (max-width: 767px){
    p.error {
        font-size: 11px;
    }
}