Почему могут перебиваться стили?

Question

[kot98]

<button class="btn btn--default">
    ...
</button>

.btn {
    --btn-border: var(--color-black);
    --btn-color: var(--color-black);
    --btn-text: var(--color-white);
  &--default {
    --btn-border: #07f;
    --btn-color: #07f;
    --btn-text: var(--color-white)
  }
}

На одной странице отображаются стили btn--default (все как надо). На другой они перебиваются стилями .btn. Почему так может происходить?

Comments

[Сергей delphinpro]

Почему так может происходить?

Такое иногда происходит, когда луна находится в созвездии рака.

PS. Угадать предлагаете? Хоть бы ссылку на страницу приложили.