I am trying to create a CSS selector in order to retrieve the n-th child which is not visible, and use it in Selenium. I tried with [data-test^='button-']:not([style*='display: none']):nth-child(2) but the first element is retrieved.
The HTML structure is:
<button style="display: none" data-test="button-1">1</button>
<button data-test="button-2">2</button>
<button data-test="button-3">3</button>
<button data-test="button-4">4</button>
