.swiper {
  .swiper-button-prev,
  .swiper-button-next {
    cursor: none;
    top: -2rem;
  }

  .swiper-button-prev {
    left: unset;
    right: 5%;
  }

  .swiper-button-prev::after,
  .swiper-button-next::after {
    content: "";
    display: block;
    width: var(--cb-swiper-arrow-width, 25px);
    height: var(--cb-swiper-arrow-height, 16px);
    background: url("../img/arrow-slider-right.svg") center / contain no-repeat;
  }

  .swiper-button-prev::after {
    transform: rotate(180deg);
  }

  @media only screen and (max-width: 1024px) {
    .swiper-button-next {
      right: -20px;
      left: auto;
    }
  }

  @media only screen and (max-width: 768px) {
    .cb-showcase .swiper-button-prev,
    .cb-showcase .swiper-button-next {
      display: block;
      top: -1rem;
    }
  }
}