.list-event {
    display: flex;
    height: 100px;
    width: 100%;
    min-width: 390px;
    justify-content: center;
    align-items: center;  
    padding: 20px;
    border: 1px solid blueviolet;
}

.list-event.pending {
    background: rgb(126, 139, 141);
}

.list-event.success {
    background: rgb(69, 207, 80);
}

.list-event.failure {
    background: rgba(173, 19, 32, 0.514);
}

.list-event:hover {
    cursor: pointer;
    opacity: 0.7;
    background-color: rgb(227, 235, 232);
    transform: scale(1.01);
}