.black-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    z-index: 10000;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}

.black-background.active {
    pointer-events: all;
    cursor: pointer;
    opacity: 0.7;
}

.black-background--transparent {
    background-color: transparent;
}

.black-background_close {
    color: #FFFFFF;
    position: absolute;
    right: 3vw;
    top: 10px;
    font-size: 25px;
}

.black-background_close::before {
    content: 'X';
}