.overlay-map {
    display: flex;
    justify-content: center;
}
.overlay-map svg {
    max-width: 100%;
}
.map-region {
  cursor: pointer;
  pointer-events: all;
  fill: #EFEFEF;            /* base map */
  transition: fill 0.2s ease;
}
.map-region:hover,
.map-region.selected {
  fill: #FF5800;            /* hovered region */
}
.region-label {
  font-family: Helvetica Neue, Poppins, Helvetica, Arial, sans-serif;
  opacity: 0.5;
}
.region-label.selected {
  opacity: 1;
  fill: #fff;
}
.region-label.selected[data-region="tas"] {
    fill: #292D32;
}