現在のCSSは下記の通りで、ページ選択のデザインはボタンではなく文字です。
その文字をクリックすることで、ページが遷移します。
そして、この文字をボタンにしたいのですが、方法が分かりません。
ご教授をお願いします。

.dataTables_paginate {
    float: right;
    text-align: right;
    padding-right:6px;
    font-family: "Verdana";
}

.paging_full_numbers {
    height: 22px;
    line-height: 22px;

}

.paging_full_numbers a:active {
    outline: none
}

.paging_full_numbers a:hover {
    text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    color: #333 !important;
}

.paging_full_numbers a.paginate_button {
    background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
    background-color: #ccc;
    text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
    background-color: #99B3FF;
}