.world-map-container {
    width: 100%;
    height: auto;
    /* overflow-x: auto; */
}

#svg-world-map {
    height: auto;
    width: auto;
}

#svg-world-map path {
    cursor: pointer;
    fill: #DDDDDD;
}

#svg-world-map path {
    cursor: grab;
}

#svg-world-map path.active {
    fill: var(--green);
}

#svg-world-map path.active:hover {
    fill: #407B39;
}

#svg-world-map path:hover {
    fill: var(--green);
}

.country-name {
    position: absolute;
    z-index: 2;
}

.country-name div {
    font-family: "Quicksand", sans-serif;
    display: inline-block;
    background: #407B39;
    color: var(--white);
    padding: 8px 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}