How to overwrite or reset btn-block for responsive design

[francois-dibulo]

I have a button which on small screens takes the full width using btn-block. For other resolutions I want the button to use the default size.

<button class="btn btn-block lg:btn-default?">Hello</button>

How can I basically reset the btn-block class?

I have fixed it so far with my own class:

@utility btn-normal {
  @apply w-auto;
}

[saadeghi]

<button class="btn max-lg:btn-block">Hello</button>