Как сделать слайдер с точками и кнопками "предыдущий / следующий" просто с помощью CSS

У меня проблема с созданием простого слайдера на чистом CSS. Я уже сделал слайдер с точечными кнопками, теперь я хочу сделать кнопки назад / вперед, но код не работает, и я в замешательстве Вот HTML / CSS: https://codepen.io/Sethdash/pen/ZxLydr

 <article class = "slide">
   <input type = "radio" name = "slide" id = "slide-1" checked='checked'>
      <label for = "slide-1" class = "label label-1"></label>

     <figure>
        <img src = "1.jpg">
         <label class = "prev" for = "slide-1"><span>&#x2039</span></label>
      <label class = "next" for = "slide-3"><span>&#x203a</span></label> 
        <figcaption>expend your expedndiure with DRAKE 1
        </figcaption>
      </figure>
     </article>