.vertical-widget-group{
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.vertical-widget-group button {
  display: flex;
  width: 25px;
  height: 25px;
  padding: 6px 4px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  cursor: pointer;
  border-radius: 5px;
  background: #fff;
  border: none;
}
.vertical-widget-group button:hover {
  background-color: #F4F6F7;
}
div#zoomBtns {
  display: flex;
  flex-direction: column;
}
button#zoomInBtn {
  border-radius: 5px 5px 0 0;
  border: 1px solid #919191;
}
button#zoomOutBtn {
  border-radius: 0 0 5px 5px;
  border-right: 1px solid #919191;
  border-bottom: 1px solid #919191;
  border-left: 1px solid #919191;
  border-top: none;
}
button#homeBtn {
  border: 1px solid #919191;
}
.esri-ui-corner .esri-component {
    box-shadow: none;
}
.esri-ui-bottom-right.esri-ui-corner {
    right: 10px;
}
.esri-scale-bar__bar-container.esri-scale-bar__bar-container--line {
    right: 50px;
}