Я развернул сайт gatsby на netlify, который при просмотре не отображает CSS для определенных элементов, моих кнопок, но работает для других элементов, таких как мои блоки.
Он работает и хорошо отображается, когда я запускаю сайт локально.
Отображается локально: ![enter image description here](https://i.stack.imgur.com/PPMiT.png)
Оказывается после развертывания: ![enter image description here](https://i.stack.imgur.com/Z5Uvl.png)
Я использую эмоцию 10 на сайте Гэтсби.
Я пытался использовать как стили объектов, так и стили строк. Тот же стиль работает и с другими компонентами, которые у меня есть, например с коробкой, в которой используется тот же CSS.
Вот так выглядит CSS в инструментах разработчика:
![enter image description here](https://i.stack.imgur.com/Bdd8S.png)
Есть идеи, почему это может происходить?