.scjohn-pagination {
    margin-top: 15px;
    text-align: center;
}

.scjohn-pagination a {
    display: inline-block;
    background-color: #D4AF37;
    /* Golden background */
    color: black;
    /* Text color */
    padding: 6px 12px;
    /* Button padding */
    margin: 3px;
    /* Space between buttons */
    border-radius: 4px;
    /* Rounded corners */
    text-decoration: none;
    /* Remove underline */
    font-weight: bold;
}

.scjohn-pagination a:hover {
    background-color: #b8962f;
    /* Slightly darker gold on hover */
    color: #fff;
    /* White text on hover */
}

.scjohn-pagination a.active {
    background-color: #000;
    /* Active page black background */
    color: #D4AF37;
    /* Golden text */
}