Leaflet - defining layer features for group of layers

I would like to define the specified features for more than 1 layer.

I prepared the code like this, but unfortunately it dodn’t work.

 var path = L.layerGroup([ecl, ant, hyb], {
  style: function (feature) {
  return {color: feature.properties.color};
  },
  coordsToLatLng: function (coords) {
  var latLng = L.CRS.EPSG3857.unproject(L.point(coords)); 
   return latLng;
  }
  }).bindPopup(function (layer) {
   return layer.feature.properties.descriptio;
  }).addTo(map); 

I found a similar approach here:

https://stackoverflow.com/questions/36007088/leaflet-handling-a-geojson-composed-of-multiple-geojson

but it looks like I have to rewrite these properties for every single layer. I am going to have them at least a dozen or so.

The layers used in the code above are already under these links:

https://jsfiddle.net/ao07qjbh/

https://jsfiddle.net/xmdyqvr6/

https://jsfiddle.net/9sj25upo/

Is there any way to bunch them together and define one style?

var path = L.geoJSON([], {
  style: function (feature) {
    return {color: feature.properties.color};
  },
  coordsToLatLng: function (coords) {
    var latLng = L.CRS.EPSG3857.unproject(L.point(coords));
    return latLng;
  }
}).bindPopup(function (layer) {
  return layer.feature.properties.descriptio;
}).addTo(map);

path.addData(ecl);
path.addData(ant);
path.addData(hyb);