Laravel: delete button with double-click confirmation

Every time, I need to delete something, a confirmation question pops up. The universal widely used approach is to use confirmation dialog (browser default or custom). An alternative is to use double-click confirmation. Below, code of blade component I use in my projects.

<form action="{{ $action }}" method="post">
    @csrf
    @method('delete')

    <button class="focus:outline-none"
            type="button"
            onclick="if (this.style.filter === 'brightness(75%)') this.parentElement.submit(); else this.style.filter = 'brightness(75%)'"
    >
        ❌
    </button>
</form>

Usage:

@component('backend.components.delete_button', [
    'action' => '/route/to/action'
])@endcomponent