.controls--container {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 1000;
    padding: 10px;
    color: white;
    gap: 0.5rem;
    display: flex;
}

button {
    border: 0;
    color: rgb(212, 212, 212);
    background-color: rgb(25, 25, 25);

    font-size: 1.5rem;
    padding: 0.8rem;
}
button:hover {
    background-color: rgb(212, 212, 212);
    color: rgb(25, 25, 25);
}
    
.controls--container button {
    margin: 0;
    display: block;
}
    
#control--list {
    margin: 0;
    display: none;
}

#control--list-el {
    display: flex;
    margin: 0;
    gap: 0.5rem;
}