.pagenation {
    display: flex;
    justify-content: center;
}

.prev,
.next {
    display: inline-block;
    background-color: #6c757d;
    color: #fff;
    margin: 0 1px;
}
.prev-disable,
.next-disable {
    display: inline-block;
    background-color: #6c757d;
    color: #fff;
    margin: 0 1px;
    opacity: 0.65;


}
.prev:hover,
.next:hover{
    background-color: #5c636a;
}

.prev,
.prev-disable {
    border-radius: 2rem 0 0 2rem;
    padding: 1rem 1rem 1rem 2rem;
}

.next,
.next-disable {
    border-radius: 0 2rem 2rem 0;
    padding: 1rem 2rem 1rem 1rem;
    text-align: right   ;
}

/* 矢印アイコン */
.prev::before,
.prev-disable::before {
    content: '\f060';
    font-size: 1rem;
    font-family: "Font Awesome 5 Free"; /*←ココ！！！！！！！*/
    font-weight: 900;
    text-decoration: none;
}
.next::after,
.next-disable::after {
    content: '\f061';
    font-size: 1rem;
    font-family: "Font Awesome 5 Free"; /*←ココ！！！！！！！*/
    font-weight: 900;
    text-decoration: none;
}