Estoy tratando de hacer que la siguiente consulta funcione:

 let itemName = "Fancy-item-name" document.querySelector(`a[href*=${itemName}] + div.ugly-class-wrapper > div.second-ugly-class > div.first-button`);

También probé, la opción nextSibling, pero volvía indefinido para la consulta.

¿Qué estoy haciendo mal?

el html es el siguiente:

 <div> <a class="some-ugly-class" aria-label="Fancy-item-name" href="/item/fancy-item-name">Fancy item</a> <div class="ugly-class-wrapper"> <div class="first-ugly-class"></div> <div class="second-ugly-class"> <button type="button" class="first-button"></button> <button type="button" class="second-button"></button> </div> </div> </div>

Estoy tratando de hacer clic en el segundo botón <button type="button" class="second-button"></button> , usando un href arriba, que siempre es dinámico.