.page-btn-1 {
    min-width: 130px;
    height: 40px;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    outline: none;
    border-radius: 5px;
    border: none;
    background-size: 120% auto;
    background-image: linear-gradient(315deg, #ce4343 0%, #aa2e9a 75%);
}
.page-btn-1:hover {
    background-position: right center;
}
.page-btn-1:active {
    top: 2px;
}
.page-btn-1:disabled {
    background-color: grey;
    background-image: linear-gradient(315deg, #bdbdbd 0%, #bdbdbd 75%);
    cursor: not-allowed;
}

.page-btn-2 {
    min-width: 130px;
    height: 40px;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    outline: none;
    border-radius: 5px;
    border: none;
    background-size: 120% auto;
    background-image: linear-gradient(315deg, #732c97 0%, #4624dc 75%);
}
.page-btn-2:hover {
    background-position: right center;
}
.page-btn-2:active {
    top: 2px;
}
.page-btn-2:disabled {
    background-color: grey;
    background-image: linear-gradient(315deg, #bdbdbd 0%, #bdbdbd 75%);
    cursor: not-allowed;
}