.blog-pagination {
    display: flex;
    justify-content: center;
    padding: 2rem 1rem 3rem;
    clear: both;
}

.blog-pagination .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-pagination .pagination > li {
    float: none;
    width: auto;
    margin: 0;
}

.blog-pagination .pagination > li > a,
.blog-pagination .pagination > li > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;
    min-height: 2.75rem;
    padding: 0.5rem 0.85rem;
    border: 2px solid #f4c479;
    border-radius: 8px;
    color: #f4c479;
    text-decoration: none;
    background: #fff;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.blog-pagination .pagination > li > a:hover,
.blog-pagination .pagination > li > a:focus {
    background: #f4c479;
    color: #fff;
}

.blog-pagination .pagination > .active > a,
.blog-pagination .pagination > .active > span {
    background: #f4c479;
    color: #fff;
    border-color: #f4c479;
}

.blog-pagination .pagination > .disabled > span {
    opacity: 0.45;
    cursor: not-allowed;
}