Mantine disable button animation on click?

Question

I would like to disable the button animation on the click. As can be seen here, when clicking on the button, the button moves. Is there an easy way to disable this?

Answer 1

<Button styles={{ root: { ':active': { transform: 'none' } } }}>test</Button>

Answer 2

Or globally:

     <MantineProvider
        theme={{
          components: {
            Button: {
              styles: {
                root: { ":active": { transform: "none" } },
              },
            },
          },
        }}
      >
        {...app}
      </MantineProvider>