diff --git a/src/components/node/NodeImageSwiperBlock/styles.module.scss b/src/components/node/NodeImageSwiperBlock/styles.module.scss index df90d7b4..20c76b7c 100644 --- a/src/components/node/NodeImageSwiperBlock/styles.module.scss +++ b/src/components/node/NodeImageSwiperBlock/styles.module.scss @@ -27,30 +27,26 @@ :global(.swiper-button-prev) { color: white; font-size: 10px; - width: 28px; - height: 96px; - background: transparentize($content_bg, 0); - - @include desktop { - display: none; - } + width: 48px; + height: 48px; + background: $content_bg; + border-radius: 100%; + transition: transform 0.25s; + transform: scale(1); &:global(.swiper-button-prev) { - left: 0; - justify-content: flex-start; - padding-left: 10px; - border-radius: 0 $radius $radius 0; + left: $gap; + padding-right: 5px; } &:global(.swiper-button-next) { - border-radius: $radius 0 0 $radius; - right: 0; - justify-content: flex-end; - padding-right: 10px; + right: $gap; + padding-left: 5px; } &:global(.swiper-button-disabled) { opacity: 0; + transform: scale(0); } &::after {