Как изменить приоритет стилей?

Question

[kokapuk]

Разрабатываю свое веб приложение. Создал компонент кнопки с базовыми стилями и функционалом, и принимаю в этот компонент все атрибуты, что принимает хмтл кнопка. При помощи classNames комбинирую базовые классы и классы, которые передаються извне. Проблема заключается в том, что базовые классы имеют больший приоритет, поскольку подгружаться позже. Использовать !important не комильфо

const Button = ({ loading: loading, children, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement> & Props) => {
  return (
    <button {...props} className={classNames(styles.button, props.className)} disabled={loading || props.disabled}>
      {children}
      <div className={classNames(styles.button__spinner, loading && styles.button__spinner_show)} />
    </button>
  );
};