/* Container for the map */
.ysp-map-container {
    position: relative;
    width: 100%;
}

/* Map image */
.ysp-map-image {
    width: 100%;
    height: auto;
    display: block;
}

/* Interactive areas */
.ysp-interactive-area {
    position: absolute;
    cursor: pointer;
    width: 100%; /* Adjust width as needed */
    height: 100%; /* Adjust height as needed */
}

/* Place SVG and button */
.ysp-place-svg,
.ysp-place-button {
    display: none;
    position: absolute;
    transition: opacity 0.3s ease;

}
.ysp-place-svg{
        height: 50px;
    width: 50px;
}

/* Show SVG and button on click */
.ysp-interactive-area.clicked .ysp-place-svg,
.ysp-interactive-area.clicked .ysp-place-button {
    display: block;
    opacity: 1;
}