1121

//.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)