Just to defend the OP, it's that extra UI (and small niggle of confusion) that are the bigger ask.
<button class="closet-camera" id="closet-camera" type="button" aria-label="Invert camera">
<svg class="cf-ic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="21 4 3 4 10 12.4 10 19 14 21 14 12.4 21 4"/></svg> <span class="cf-tx">Invert camera</span> <kbd class="cf-key">I</kbd>
<button class="closet-camera" id="closet-camera" type="button" aria-label="Invert camera">
</button>