.pagination-bar{
width:100%;
background:#ffffff;
padding:18px 10px;
border-top:1px solid #e5e7eb;
}

/* BUTTON WRAPPER */

.pagination-wrapper{
display:flex;
justify-content:center;
align-items:center;
gap:10px;
}

/* PAGE BUTTON */

.page-btn{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border-radius:10px;

font-weight:600;
text-decoration:none;

background:#f9fafb;
border:1px solid #e5e7eb;
color:#374151;

transition:0.25s;
}

/* ACTIVE */

.page-btn.active{
background:#22c55e;
color:#ffffff;
border-color:#22c55e;
}

/* HOVER */

.page-btn:hover{
background:#dcfce7;
border-color:#22c55e;
}

/* NAV BUTTON */

.nav-btn{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;

border-radius:10px;
text-decoration:none;

background:#f3f4f6;
border:1px solid #e5e7eb;
color:#374151;
}