svg path {
  fill: #BDD19C;
  stroke: #F0F0F0;
  stroke-width: 1.0;
}
svg path:hover {
  fill: #78a032;
  stroke: #F0F0F0;
  stroke-width: 1.0;
}

.mapa-wrapper svg {
  width: 100%;
  max-width: 900px; /* nebo jiná hodnota dle potřeby */
  aspect-ratio: 1.747;
  display: inline-block; /* důležité pro text-align center */
}

.mapa-wrapper {
  text-align: center; /* centrování inline-block obsahu */
}


.mapa-main {
    width: 100%;

   
}




.mapa-img {
    width: 100%;
    height: 400px;
   
}

.butt-mapa {
    margin-top: 25%;
    margin-left: 35%;  
    width: 200px;
    background: #78A032; 
    border-radius: 50px;
    padding: 20px 20px;
    color:#fff;
    text-transform: uppercase;
    border: none;
    font-family: "Outfit", sans-serif;
    font-weight: 700;
    font-size: 17px;
    box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.15);   
    -webkit-transition: -moz-transform .5s ease-out;
    -moz-transition: -webkit-transform .5s ease-out;
    -o-transition: -o-transform .5s ease-out;
    transition: transform .5s ease-out;
    transform: scale(1);
    animation: pulse 2s infinite;
   
}

.butt-mapa:hover {
    background: #3F5A11;
    cursor: pointer;
    transition-duration: .2s;
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03); 
}

svg path.selected-region {
  fill: #4CAF50;
  stroke: #F0F0F0;
  stroke-width: 1.0;
}