#mapa_polski{
max-width: 100%;
height:auto;
}
#mapa_polski path{
cursor: pointer;
}
#mapa_polski path:hover, #mapa_polski path.selected{
fill: #5ab13acc
}
.map-tooltip {
position: absolute;
background-color: #333;
color: white;
padding: 5px 10px;
border-radius: 4px;
font-size: 14px;
pointer-events: none;
z-index: 9001;
display: none;
}
div.select-region-popup-btn{
position: fixed;
top: 50%;
right: 0;
background: linear-gradient(135deg, #a2c54e, #c1e5f4);
border: none;
border-radius: 5px 0px 0px 5px;
cursor: pointer;
z-index: 1000;
display: flex;
align-items: center;
padding: 10px;
overflow: hidden;
transition: width 0.3s ease;
width: 50px;
height: 50px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
div.select-region-popup-btn img{
height: 30px;
width: auto;
}
div.select-region-popup-btn svg {
width: 30px;
height: auto;
display: block;
position: absolute;
}
#mini_mapa_polski .selected {
fill: #9bc33b;
stroke: #333;
stroke-width: 1;
}
div.select-region-popup-btn .button-text {
color: #000;
font-size: 16px;
margin-left: 40px;
white-space: nowrap;
transform: translateX(100%);
opacity: 0;
transition: transform 0.3s ease, opacity 0.3s ease;
}
div.select-region-popup-btn:hover {
width: 120px;
background-color: #c1e5f4;
}
div.select-region-popup-btn:hover .button-text {
transform: translateX(0);
opacity: 1;
}