.selector {
   position: relative;
   max-width: 600px;
   margin: auto;
   display: flex;
   align-items: center;
}

.track {
   display: flex;
   overflow-x: auto;
   scroll-behavior: smooth;
   scroll-snap-type: x mandatory;
   scrollbar-width: none;
}
.track::-webkit-scrollbar {
   display: none;
}

.slide {
   flex: 0 0 100%;
   scroll-snap-align: start;
   text-align: center;
   padding: 20px 40px;
   box-sizing: border-box;
}

.nav {
   border: none;
   font-size: 20px;
   padding: 10px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 10;
   border-radius: 50%;
}

.prevbtn { left: 0; }
.nextbtn { right: 0; }