.magazinelink {
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}

.magazinelink.is-active {
  --tw-border-opacity: 1;
  border-color: rgb(137 193 34 / var(--tw-border-opacity, 1));
  background-color: rgb(137 193 34 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.2;
}

.magazineSlider {
  width: 72.4vw;
  aspect-ratio: 65/92;
}

@media (min-width: 768px) {
  .magazineSlider{
    width: 400px !important;
    height: 566px !important;
    aspect-ratio: unset;
  }
}

.slick-slider {
  display: none;
}

.slick-slider.slick-initialized {
  display: block;
}

.slick-slide {
  margin: 0 4px;
  opacity: 0.3;
}

.slick-slide.is-active {
  opacity: 1;
}

.prevArrow, .nextArrow {
  position: absolute;
  top: 0px;
  bottom: 0px;
  z-index: 50;
  margin-top: auto;
  margin-bottom: auto;
  height: 68px;
  width: 34px;
  border-top-right-radius: 34px;
  border-bottom-right-radius: 34px;
  --tw-bg-opacity: 1;
  background-color: rgb(137 193 34 / var(--tw-bg-opacity, 1));
}

.prevArrow::after , .nextArrow::after {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  margin: auto;
  height: 1.5rem;
  width: 1.5rem;
}

.prevArrow::after {
  right: 2px;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-image: url('/asset/img/base/icon-arrow-buton-white.svg');
  background-size: cover;
  background-position: center;
}

.nextArrow::after {
  right: 2px;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-image: url('/asset/img/base/icon-arrow-buton-white.svg');
  background-size: cover;
  background-position: center;
}

.nextArrow {
  right: 0px;
  transform: scaleX(-1);
}