.btn--gradient {
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  -webkit-text-decoration: var(--btn-text-decoration);
  text-decoration: var(--btn-text-decoration);
  letter-spacing: var(--btn-letter-spacing);
  font-weight: var(--btn-weight);
  font-style: var(--btn-text-style);
  min-inline-size: var(--btn-width);
  line-height: var(--btn-line-height);
  justify-content: center;
  text-align: center;
  border-width: var(--btn-border-size);
  font-size: 1.8rem;
  font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
  background: linear-gradient(90deg, #4FFFB0, #B3FF8F);
}