How to override styles vue-owl-carousel2?

Trying to override the styles for the carousel,
<style scoped lang="sass">
.owl-theme .owl-dots .owl-dot span
 width: 33px !important
 margin: 5px !important

.post-detail
&carousel
 & .owl-dots .owl-dot span
 width: 33px !important
 margin: 5px !important

In the end, nothing changes the styles are not recorded even if no match selectors. Who saw it ? Using webPack 3, vue2, owl2
April 3rd 20 at 18:32
1 answer
April 3rd 20 at 18:34
Solution
Try to add styles globally, but not in the component.
Yes, helped. Thank you. - adriana_Ma commented on April 3rd 20 at 18:37

Find more questions by tags Owl CarouselWebpackVue.js