title: how to change style color of arrows in Vue Slick Carousel?
body: <p>I use <a href="https://www.npmjs.com/package/vue-slick-carousel" rel="nofollow noreferrer">vue-slick-carousel</a> for a carousel in my project.
  I want to change the color of the arrows without changing the style in the module of this package.
  I added this code in the main CSS file and this not working for me</p>
  <pre><code>        .slick-prev:before,
              .slick-next:before {
                  font-size: 20px;
                  line-height: 1;
  
                  opacity: 0.75;
                  color: red !important;
  
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
              }
          }
  </code></pre>