.tombol {
    width: 180px;
    height: 62px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .tombol {
        font-size: 10px;
        width: 115px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .tombol-dosen {
        background-color: rgb(92, 176, 255);
    }

    .tombol-dosen:hover {
        background-color: rgb(0, 91, 175);
        color: rgb(255, 255, 255);
    }

    .tombol-tendik {
        background-color: rgb(0, 255, 115);
    }

    .tombol-tendik:hover {
        background-color: rgb(0, 187, 84);
        color: rgb(255, 255, 255);
    }

    .tombol-mhs-manajemen {
        background-color: rgb(0, 255, 213);
    }

    .tombol-mhs-manajemen:hover {
        background-color: rgb(0, 184, 153);
        color: rgb(255, 255, 255);
    }

    .tombol-mhs-pendidikan {
        background-color: rgb(255, 208, 0);
    }

    .tombol-mhs-pendidikan:hover {
        background-color: rgb(180, 147, 0);
        color: rgb(255, 255, 255);
    }