PHP - Error al enviar un valor desde el boton

<button class="collapse-item" id="XL" name="G" style="border:none;background: none;" value="<?php echo $IDG?>" type="button"><?php echo @$Grupo?></button>

$(document).ready(function() {
$("#XL").click(function(e) {
e.preventDefault(); // Evita el comportamiento predeterminado del botón

var IDG = $(this).val();

$.ajax({
url: "Inicio_Secc/X.php",
method: "POST",
data: { IDG: IDG },
success: function(response) {
console.log(IDG);
}
});
});
});

<?php
$IDG = $_POST['IDG'];

$response = array(
'IDG' => $IDG
);

echo json_encode($response);
?>

Warning: Undefined array key "IDG" in C:\Xampp\htdocs\NA\Inicio_Secc\X.php on line 2
{"IDG":null}

Estoy enviando el valor de ese botón a un archivo php a través de ajax, lo que pasa es que hace todo bien a través de la red, pero entro al archivo y me aparece la variable que no tiene ningún valor, pero a través de la red de inspección aparece y lo imprime, no se cual sera el error, en teoria esta todo bien

No se te entiende.

Haces la petición POST por AJAX y funciona pero ¿entras directamente a https://localhost/Inicio_Secc/X.php y te da el error que mencionas? esto ultimo es una petición GET, no POST.