/* wwwroot/css/CustomButtonStyles.css */

/* Custom styles for Bootstrap buttons with gradients */
.btn-danger {
    background: linear-gradient(90deg,  , #db1818);
    border: none;
}

    .btn-danger:hover {
        background: linear-gradient(45deg, #ff6666, #ff1a1a);
    }

.btn-success {
    background: linear-gradient(45deg, #28a745, #218838);
    border: none;
}

    .btn-success:hover {
        background: linear-gradient(45deg, #34d058, #28a745);
    }

.btn-primary {
    background: linear-gradient(45deg, #0f83ff, #0a66c9);
    border: none;
}

    .btn-primary:hover {
        background: linear-gradient(45deg, #3399ff, #0069d9);
    }


.btn-excel {
    background: linear-gradient(45deg, #217346, #1e6b3d);
    border: none;
    color: white;
}

    .btn-excel:hover {
        background: linear-gradient(45deg, #2b8a50, #217346);
    }

.btn-ambar {
    background: linear-gradient(90deg, #ffa500, #de9000);
    border: none;
}
.btn-ambar:hover {
    background: linear-gradient(45deg, #fff263, #ffcd1a);
}