How to remove or unset style from css class?

Question

I'm using CSS framework, and there is a CSS class in it, for example, .btn-trigger. This class has many styles, opacity, font-size, etc. One of these styles is breaking my animation. How can remove this style?

Answer 1

.sub {
  background:red;
  color: blue;
  font-size: 24px;
}
.sub {
  all: unset;
}

<div class="main">
  <div class="sub">Hello</div>
</div>