washnroll/files/wash-n-roll/internal/scss/components/_product-carousel.scss

.mod_iso_productlist.product-slider,
.mod_iso_relatedproducts {
  .product_list {
    display: block;
  }

  .product {
    padding: 0;
  }

  .slick-arrow {
    position: absolute;
    top: calc(135px - 20px);
    text-indent: -9999px;
    font-size: 1px;
    line-height: 1px;
    background: none;
    border: none;
    width: 40px;
    height: 40px;
    z-index: 50;
    cursor: pointer;

    &:before,
    &:after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      width: 10px;
      height: 2px;
      background: $font;
      @include transition();
    }

    &:before {
      transform: translate(-50%, -50%) rotate(45deg);
    }

    &:after {
      transform: translate(-50%, -50%) rotate(-45deg);
    }

    &.slick-prev {
      left: -12px;

      &:before {
        margin-top: 3px;
      }

      &:after {
        margin-top: -3px;
      }
    }

    &.slick-next {
      right: -12px;

      &:before {
        margin-top: -3px;
      }

      &:after {
        margin-top: 3px;
      }
    }

    &:hover {
      &:before,
      &:after {
        background: $secondary;
      }
    }
  }
}