.cross { 
    right:5px; 
    top:0px; 
    position: absolute; 
    font-size: 2rem; 
    /* background-color: #181c21; */ 
    /* background-color: #0d111700;  */
    height: 100%; 
    width: 30px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    z-index: 1; 
} 
.cross span{ 
    display: flex; 
    justify-content: center; 
    align-items: center; 
} 
.cross span span{ 
    border-radius: 2px; 
    display: flex;   
    background-color: #c4c4c4; 
    width: 1.2rem; 
    height: 3px; 
    position: absolute; 
    width: 50%;
        
} 
.corss_first{ 
    transform: rotate(45deg); 
} 
.corss_last{ 
    transform: rotate(-45deg); 
} 
.cross:hover > span span{ 
    background-color: rgb(202, 16, 31); 
}

.cross:active > span span{ 
    background-color: #8f939d; 
}