.kb-slide-link{
  position:absolute;
  inset:0;
  display:block;
  z-index:1;
  outline:none;
}
.kb-slide-link:focus-visible{
  outline:3px solid rgba(36,75,122,.55);
  outline-offset:-3px;
}

.hero-kb .kb-nav{
  z-index:3;
  border:1px solid rgba(255,255,255,.55);
  background:rgba(15,23,42,.32);
  backdrop-filter:blur(2px);
  transition:background .18s ease,transform .18s ease;
}
.hero-kb .kb-nav:hover{
  background:rgba(15,23,42,.55);
  transform:translateY(-50%) scale(1.04);
}

.hero-kb .kb-dots{z-index:4;}
.hero-kb .kb-dot{
  background:rgba(255,255,255,.55);
  border:1px solid rgba(15,23,42,.18);
  transition:background .18s ease,transform .18s ease;
}
.hero-kb .kb-dot.is-active{
  background:#fff;
  transform:scale(1.15);
}

@media (max-width:767.98px){
  .hero-kb .kb-nav{width:34px;height:34px;}
}