/* Control de información (GetFeatureInfo) */

.leaflet-control-infopopup {
  position: relative;
}

.infopopup-button {
  display: flex;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: #fff;
  color: #333;
  font-size: 16px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/* Estado hover */
.infopopup-button:hover {
  background: #8c8c8c;
}

/* Estado ACTIVO */
.infopopup-button.infopopup-active {
  background: #1978cf;
  color: #fff;
}