.blv-list {
    background-color: #0c0c0ce8;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 5px);
    z-index: 10;
    overflow: auto;
    height: calc(100% + 5px);
    opacity: 0;
    border-radius: 5px;
    display: none;
    transition: 0.5s opacity;
}

.recent-container .option-6 .match-item-footer{
    position: absolute;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    transform: translate(0%,100%);
    transition: all .2s;
}