.main-locations-map {
  display: flex;
  justify-content: center;
}

.main-locations-map svg {
  max-width: 100%;
  height: auto;
}

.main-locations-map .main-locations-map__region {
  cursor: pointer;
  transition: fill 0.2s ease-in-out;
}

.main-locations-map .main-locations-map__region:hover {
  fill: var(--sevalo-color-primary-darken);
  transition: fill 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .main-locations-map .main-locations-map__region {
    transition: none;
  }
}