#pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: 10px 0;
font-size: 16px;
color: #48CD0B;
}
.pagination-btn {
background: none;
border: none;
padding: 6px 10px;
cursor: pointer;
font-size: 16px;
font-weight: bold;
color: #48CD0B;
display: flex;
align-items: center;
justify-content: center;
min-width: 35px;
height: 35px;
border-radius: 5px;
}
.pagination-btn i {
font-size: 21px;
line-height: 1;
margin-top:  -2px;
}
.pagination-btn.active {
font-weight: bold;
color: #666;
cursor: default;
}
div#result-count {
margin-top: 5px;
font-size: 14px;
color: #999;
text-align: center;
}
.pagination-container {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 4px;
margin-bottom: 14px;
flex-wrap: wrap;
}
input#search-input {
padding: 7px 25px 5px 21px;
border-radius: 8px;
border: 3px solid #999;
border: 3px solid #48CD0B !important;
min-width: 241px;
font-size: 16px;
transition: border-color 0.15s ease-in-out;
}
.search-input {
position: relative;
display: inline-block;
width: 100%; }
#clear-search {
display: none;
position: absolute;
right: 26px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
font-size: 29px;
color: #888;
}
input#search-input:focus,
input#search-input:hover,
input#search-input:active {
border: 3px solid #ccc!important;
}
@media (max-width: 768px) {
.pagination-container {
flex-wrap: wrap;
gap: 5px;
}
}