.TFL_coffie-slider__bullets > label {
          display: flex;
          width: 120px;
          margin: 0.5rem;
          text-decoration: none;
          cursor:pointer
      }
      input[name="purecss-slider"]{display:none}
          #purecss-slider-1:checked ~ .TFL_slider {transform:translateX(0%)}
          #purecss-slider-2:checked ~ .TFL_slider {transform:translateX(-100%)}
          #purecss-slider-3:checked ~ .TFL_slider {transform:translateX(-200%)}
          #purecss-slider-4:checked ~ .TFL_slider {transform:translateX(-300%)}
          #purecss-slider-5:checked ~ .TFL_slider {transform:translateX(-400%)}
          #purecss-slider-6:checked ~ .TFL_slider {transform:translateX(-500%)}
          #purecss-slider-7:checked ~ .TFL_slider {transform:translateX(-600%)}
          #purecss-slider-8:checked ~ .TFL_slider {transform:translateX(-700%)}
          #purecss-slider-9:checked ~ .TFL_slider {transform:translateX(-800%)}
          #purecss-slider-10:checked ~ .TFL_slider {transform:translateX(-900%)}
          #purecss-slider-11:checked ~ .TFL_slider {transform:translateX(-1000%)}
          #purecss-slider-12:checked ~ .TFL_slider {transform:translateX(-1100%)}
          #purecss-slider-13:checked ~ .TFL_slider {transform:translateX(-1200%)}
          #purecss-slider-14:checked ~ .TFL_slider {transform:translateX(-1300%)}
          #purecss-slider-15:checked ~ .TFL_slider {transform:translateX(-1400%)}