JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <button class="button">
    Lorem ipsum <span>dolor sit amet</span>
  </button>
</div>

CSS

div {
  container-type: inline-size;
  width: 20%;
}
.button {
  padding: .5rem 1rem;
  border: 0;
  background: rebeccapurple;
  color: #fff;
}
@container (width < 120px) {
  .button > span {
     display: none;
  }
}