1121
3
//.glide
position: relative
display: flex
flex-wrap: wrap
justify-content: space-between
margin-top: 6.3rem
&:hover
.glide__arrow
opacity: 1
+m(left)
border-radius: 50%
transform: translate3d(-80%,-50%,0)
+m(right)
border-radius: 50% 38% 50% 50% / 50% 42% 58% 50%
transform: translate3d(80%,-50%,0)
+e(arrow)
top: 50%
position: absolute
border: none
cursor: pointer
height: 100%
background: transparent
opacity: 1
transition: .1s ease transform, .5s ease all
background: rgba(0,0,0,0.05)
background: rgba(255,255,255,0.5)
display: flex
width: 50rem
will-change: transform, border-radius
polyline
stroke: #fff
svg
filter: drop-shadow(0px 0px 11px #393939)
+max(400)
svg
width: 11vw
height: 11vw
polyline
stroke-width: 4
&:hover
opacity: 1
&:focus
outline: none
+m(left)
border-radius: 70% 30% 13% 87% / 33% 14% 86% 67%
left: 0
padding-right: 3rem
justify-content: flex-end
transform: translate3d(-100%,-50%,0)
+m(right)
border-radius: 8% 92% 87% 13% / 33% 42% 58% 67%
padding-left: 3rem
right: 0
justify-content: flex-start
transform: translate3d(100%,-50%,0)