.slider-wrap { position: relative; padding: 1rem; }
.slider {
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  gap:1rem;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 0.25rem;
}
.slider::-webkit-scrollbar { display:none; }
.slide {
  flex:0 0 80%;
  scroll-snap-align:start;
  border-radius:12px;
  padding:1rem;
  min-height:90px;
  display:flex;align-items:center;justify-content:center;
  background: linear-gradient(90deg, #6cb38b, #78d8a2);
  color:white;font-weight:700;
}
/* Buttons */
.slider-btn {
  position:absolute; top:50%; transform:translateY(-50%);
  background:rgba(0,0,0,0.5); color:white; border:none; padding:.5rem;
  border-radius:999px; cursor:pointer;
}
.slider-btn.left { left:0.5rem; }
.slider-btn.right { right:0.5rem; }