#map-controls {
    background: #CBD4E1;
    display: grid;
    border-radius: 5px;
    position: absolute;
    left: 67vw;
    top: 10rem;
}

#map-controls .btn{
    --height: 1;
    padding: 5px;
}

@media (max-width: 768px) {
    #map-controls {
        left: 92vw;
    }
}
@media (max-width: 645px) {
    #map-controls {
        left: 90vw;
    }
}
@media (max-width: 530px) {
    #map-controls {
        left: 88vw;
    }
}
@media (max-width: 475px) {
    #map-controls {
        left: 86vw;
    }
}
@media (max-width: 420px) {
    #map-controls {
        left: 84vw;
    }
}
@media (max-width: 370px) {
    #map-controls {
        left: 83vw;
    }
}