I try to click a button named .red and the problem is that there are two buttons with same name so Cypress does not know which of them to click with command cy.get('.red').click()

Originally I thought I have to access my class before trying to click the button.

How can I use below code to click "red trash icon"?

<div class="one wide column">

    <div class="ui vertical right floated buttons">

        <a class="ui basic button" role="button" href="/admin/assignments/edit/37">

            <i aria-hidden="true" class="cog icon"></i>

        </a>

        <button class="ui basic button">

            <i aria-hidden="true" class="red trash icon"></i>

        </button>

    </div>

</div>