.map-container {
  height: 400px;
}

.custom-icon {
  position: relative; /* Rendi il contenitore relativo */
  width: 40px; /* Larghezza del marker */
  height: 40px; /* Altezza del marker */
}

.custom-icon .material-icons {
  position: absolute; /* Posizionamento assoluto per centrare */
  top: 50%; /* Posizionamento verticale */
  left: 50%; /* Posizionamento orizzontale */
  transform: translate(-50%, -50%); /* Centra l'icona */
  font-size: 20px; /* Dimensione dell'icona 20x20 */
  color: #000; /* Colore dell'icona (puoi cambiarlo) */
}

.marker-wrapper {
  position: relative; /* Necessario per posizionare l'icona interna */
  text-align: center; /* Centro il contenuto */
}

.marker-label {
  margin-top: 5px; /* Spaziatura sopra l'etichetta */
  font-size: 12px; /* Dimensione del testo per l'etichetta */
}

/* Stili per il pulsante di localizzazione */
.locate-button {
  position: absolute; /* Assicurati che il pulsante sia posizionato sopra la mappa */
  top: 20px; /* Posizione dall'alto */
  right: 20px; /* Distanza dal lato destro */
  z-index: 1000; /* Assicurati che sia visibile sopra la mappa */
}