.btn-resalah1{    color: #fff;
    background-color: #E05B5B !important;
    border-color: #E05B5B !important;}

.btn-resalah1:hover{color: #fff;
    text-decoration: none;
    background: #a94442 !important;
    border-color: #a94442 !important;}

.btn-resalah2{
    color: #fff;
    background-color: #1E773C !important;
    border-color: #1E773C !important;
}
.btn-resalah2:hover{
       color: #fff;
    text-decoration: none;
    background-color: #1E4C2E !important;
    border-color: #1E4C2E !important;
}

.btn-resalah3{
    color: #fff;
    background-color: #E99198 !important;
    border-color: #E99198 !important;
}
.btn-resalah3:hover{
       color: #fff;
    text-decoration: none;
    background-color: #DA7477 !important;
    border-color: #DA7477 !important;
}


.btn-resalah4{
    color: #fff;
    background-color: #522788 !important;
    border-color: #522788 !important;
}
.btn-resalah4:hover{
       color: #fff;
    text-decoration: none;
    background-color: #412B5D !important;
    border-color: #412B5D !important;
}

.btn-resalah5{
    color: #fff;
    background-color: #FF2019 !important;
    border-color: #FF2019 !important;
}
.btn-resalah5:hover{
       color: #fff;
    text-decoration: none;
    background-color: #E44540 !important;
    border-color: #E44540 !important;
}
.btn-resalah6{
    color: #fff;
    background-color: #61C181 !important;
    border-color: #61C181 !important;
}
.btn-resalah6:hover{
       color: #fff;
    text-decoration: none;
    background-color: #2D944F !important;
    border-color: #2D944F !important;
}
.btn-resalah7{
    color: #fff;
    background-color: #AA3C63 !important;
    border-color: #AA3C63 !important;
}
.btn-resalah7:hover{
       color: #fff;
    text-decoration: none;
    background-color: #961E48 !important;
    border-color: #961E48 !important;
}