Estilos para la última columna de acciones en el componente NoteOverview

NoteOverview.razor

 <TemplateColumn Title="Acciones" Class="border-2 px-6 py-4 text-center">
    <div class="flex items-center justify-center space-x-2">
        <button @onclick="() => EditNote(context.Id)"
            class="p-2 text-indigo-600 hover:text-indigo-900 rounded-full hover:bg-indigo-50">
            <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 16 16">
                <path
                    d="M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z" />
            </svg>
        </button>
        <button @onclick="() => TogglePublishNote(context.Id)"
            class="px-3 py-1 text-xs font-medium rounded-full @(context.IsPublished ? "bg-red-100 text-red-800 hover:bg-red-200" : "bg-green-100 text-green-800 hover:bg-green-200")">
            @(context.IsPublished ? "No publicar" : "Publicar")
        </button>
    </div>
</TemplateColumn>