Как сделать чтобы сайдбар был по умолчанию закрыт

var toggleBtn = document.querySelector('.sidebar-toggle');
var sidebar = document.querySelector('.sidebar');

toggleBtn.addEventListener('click', function() {
  toggleBtn.classList.toggle('is-closed');
  sidebar.classList.toggle('is-closed');
})

.sidebar-toggle {
     position: fixed;
     z-index: 1;
     border: 4px solid #fff;
     outline: none;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     margin-left: 18.8em;
     margin-top: 1em;
     background-color: #253fe1;
     transform: rotate(45deg);
     cursor: pointer;
     transition: 0.5s;
}
 .sidebar-toggle.is-closed {
     transform: translateX(0.3em) rotate(0deg);
}
 .sidebar-toggle .icon {
     font-size: 1.5rem;
     color: #fff;
}
 .sidebar {
     width: 15em;
     height: 100vh;
     background-color: #fff;
     transition: 0.7s;
}
 .sidebar.is-closed {
     transform: translateX(-16em);
}
 

<div class="sidebar">
  <button class="sidebar-toggle"><i class="fa fa-plus icon"></i></button>
текс
</div>