.filter-block {
    visibility: hidden;
    display: flex;
    max-width: 100px;
    position: absolute;
    bottom: -310px;
    padding: 10px;
    height: fit-content;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.37);

}
.filter-options {
    width: 60px;
}
.filter-option-block {
    margin-bottom: 5px;
}
.filter-option {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    z-index: 0;
    cursor: pointer;
    transition: box-shadow ease-in-out 0.25s;
    border-radius: 10px;
}
.filter-img {
    max-height: 40px;
    margin: 5px;
}
.filter-option:hover {
    box-shadow: 0px 0px 10px black inset; 
    z-index: 2;
}

/* #approve-filter {
    background-color: #25b755;
}
#reject-filter {
    background-color: #ed3f23;
}
#pending-filter {
    background-color: #ffe627;
}
#send-filter {
    background-color: #fff;
}
#refresh-filter {
    background-color: #006ddf;
}
#generated-filter {
    background-color: #ffb4e5;
} */