/* CONTENEDOR */
.bes-event-links{
  display:flex;
  overflow-x:auto;
  gap:10px;
  padding:10px 20px 10px 0;
  margin:16px 0 20px;

  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;

  scrollbar-width:none;
  position:relative;
}

.bes-event-links::-webkit-scrollbar{
  display:none;
}

/* BOTONES */
.bes-btn{
  flex:0 0 auto;
  min-width:140px;

  display:flex;
  justify-content:center;
  align-items:center;
  padding:12px 14px;

  border-radius:14px;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  color:#fff;
  text-align:center;

  scroll-snap-align:start;

  transition:transform .18s ease, box-shadow .18s ease;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}

/* COLORES */
.bes-btn--aqua{
  background:#2dd4bf;
}

.bes-btn--violet{
  background:#8b5cf6;
}

/* HOVER */
.bes-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(0,0,0,.15);
}

/* DEGRADADO LATERAL */
.bes-event-links::before,
.bes-event-links::after{
  content:"";
  position:absolute;
  top:0;
  width:30px;
  height:100%;
  pointer-events:none;
  z-index:2;
}

.bes-event-links::before{
  left:0;
  background:linear-gradient(to right, #fff, transparent);
}

.bes-event-links::after{
  right:0;
  background:linear-gradient(to left, #fff, transparent);
}

/* INDICADOR DE SCROLL EN DESKTOP */
.bes-event-links{
  cursor:ew-resize;
}