.toggle-drawer-btn {
  border-radius: 0;
  margin: 0;
}

.left-btn {
  height: 100%;
  width: 20px !important;
  float: left;
}

.right-btn {
  height: 100%;
  width: 20px !important;
  float: right;
}

.top-btn {
  width: 100% !important;
  height: 20px !important;
  top: 0;
}

.bottom-btn {
  width: 100% !important;
  height: 20px !important;
  bottom: 0;
  position: absolute;
}

.drawer-right {
  position: absolute;
  right: 0; 
}

.drawer-left {
  position: absolute;
  left: 0; 
}

.drawer-bottom {
  position: absolute;
  bottom: 0; 
}

.drawer-top {
  position: absolute;
  top: 0; 
}

.drawer-content-right {
  position: absolute;
  right: 0;
}

.drawer-content-left {
  position: absolute;
  left: 0;
}

.drawer-content-bottom {
  bottom: 0;
  position: absolute;
}

.drawer-content-top {
  top: 0;
  position: absolute;
}