title: Flickity carousel: Wrap prev and next buttons inside a custom div
body: <p>I'm working with flickity carousel, and I want to warp next and prev buttons inside some custom div.</p>
  
  <p>By default, flickity creates the buttons dinamically as direct children of the .main-carousel div/section.</p>
  
  <p>This is the code i'm getting running flickity js:</p>
  
  <pre><code>&lt;section class="main-carousel&gt;
     &lt;div class="flickity-viewport"&gt;...&lt;/div&gt;
     &lt;button class="flickity-button flickity-prev-next-button previous"&gt;&lt;/button&gt;
     &lt;button class="flickity-button flickity-prev-next-button next"&gt;&lt;/button&gt;
  &lt;/section&gt;```
  
  And this is what i want to get:
  
  &lt;section class="main-carousel&gt;
      &lt;div class="flickity-viewport"&gt;...&lt;/div&gt;
      &lt;div class="my-div"&gt;
          &lt;button class="flickity-button flickity-prev-next-button previous"&gt;&lt;/button&gt;
          &lt;button class="flickity-button flickity-prev-next-button next"&gt;&lt;/button&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>