.ooh-carousel__controls{gap:4px}
.ooh-carousel__controls button{
  position:relative;
  width:24px;
  height:32px;
  background:transparent;
}
.ooh-carousel__controls button::before{
  content:"";
  position:absolute;
  width:12px;
  height:12px;
  border-radius:999px;
  background:var(--ooh-control-muted);
  transition:background-color .3s ease,opacity .2s ease;
}
.ooh-carousel__controls button:hover{background:transparent}
.ooh-carousel__controls button:hover::before{background:#a4a4a8}
.ooh-carousel__controls button.is-active{
  width:98px;
  height:32px;
  background:var(--ooh-control);
}
.ooh-carousel__controls button.is-active::before{opacity:0}