control HTML TAB and ELEMENT

[mickying]

I'm a newbie about controlling HTML with VBA
I need help to select HTML tab named "ITEMS"
please find the code below:

<div class="button-tabs"><button tabindex="4" class="button-tabs__tab active" role="tab" aria-selected="true" style="z-index: 4;" type="button">receptacles</button><button tabindex="3" class="button-tabs__tab " role="tab" aria-selected="false" style="z-index: 3;" type="button">transport</button><button tabindex="2" class="button-tabs__tab " role="tab" aria-selected="false" style="z-index: 2;" type="button">items</button><button tabindex="1" class="button-tabs__tab " role="tab" aria-selected="false" style="z-index: 1;" type="button">full transport</button></div>

I need also help to select an HTML expandable element below:

<div class="event-header  event-header--despatch event-is-expanded event-expandable" aria-expanded="true" aria-controls="2102870864"><div class="event-header-type">PREDES </div><div class="event-header-title">Despatch closed</div><div class="sc-fznMnq biVOqy"><i class="sc-fzoant hmiovz"><svg xmlns="http://www.w3.org/2000/svg" class="svg-inline--fa fa-map-marker-alt fa-w-12 " role="img" aria-hidden="true" viewBox="0 0 384 512" focusable="false" data-prefix="fas" data-icon="map-marker-alt" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M 172.268 501.67 C 26.97 291.031 0 269.413 0 192 C 0 85.961 85.961 0 192 0 s 192 85.961 192 192 c 0 77.413 -26.97 99.031 -172.268 309.67 c -9.535 13.774 -29.93 13.773 -39.464 0 Z M 192 272 c 44.183 0 80 -35.817 80 -80 s -35.817 -80 -80 -80 s -80 35.817 -80 80 s 35.817 80 80 80 Z" /></svg></i><span title="BHBAHA" id="event-header-location">BHBAHA</span></div><div class="event-header-actions"><div class="action"><i><svg xmlns="http://www.w3.org/2000/svg" class="svg-inline--fa fa-minus-circle fa-w-16 fa-lg " role="img" aria-hidden="true" color="#cdcdcd" viewBox="0 0 512 512" focusable="false" data-prefix="fas" data-icon="minus-circle" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M 256 8 C 119 8 8 119 8 256 s 111 248 248 248 s 248 -111 248 -248 S 393 8 256 8 Z M 124 296 c -6.6 0 -12 -5.4 -12 -12 v -56 c 0 -6.6 5.4 -12 12 -12 h 264 c 6.6 0 12 5.4 12 12 v 56 c 0 6.6 -5.4 12 -12 12 H 124 Z" /></svg></i></div></div><div style="clear: both;"></div></div>