$carousel-btn-bg: $black !default;
$carousel-btn-border: $black !default;
$carousel-btn-color: $white !default;

@import "@css[shared]/components/_wpj-carousel";

.wpj-carousel-controls {
   max-width: $xxl;
   margin: auto;
   top: 40%;
   z-index: 9;

   button {
      @include carousel-btn;

      background: $carousel-btn-bg;
      border-color: $carousel-btn-border;
      color: $carousel-btn-color;
      font-size: $font-size-base;
      transform: unset;
   }

   @media screen and (max-width: $md - 1) {
      display: block;

      button {
         height: 52px;
         width: 52px;
      }
   }
}
