.btn{
  // border-radius: var(--p-border-radius-md);
  border: 1px solid rgb(216, 218, 221);
  color: var(--ag-text-color);
  z-index: 0;
  // border-left: none;
  &:active{
    border-color: var(--p-button-primary-active-border-color);
    z-index: 1
  }
}
.not-first{
  margin-left: -1px;
}
.bg {
  background-color: rgb(230, 242, 243);
}

.panel-box{
  width: calc(100vw - 32px);
  // left: -50vw;
  left: 16px;
  margin-top: 6px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px;
  .panel-btn {
    border: 1px solid rgb(216, 218, 221);
    border-top: none;
    border-left: none;
    color: var(--ag-text-color);
    &:hover{
      background-color: var(--p-button-outlined-primary-hover-background);
    }
  }
}
.txt-color {
  color: var(--p-primary-color);
}
.btn:hover{
  // background-color: #e7e9ed;
  background-color: var(--p-button-outlined-primary-hover-background);
}

.first-btn {
  border-radius:var(--p-border-radius-md) 0 0 var(--p-border-radius-md);
  margin-left: 0 !important;

  // border-left:1px solid rgb(216, 218, 221);
}
.last-btn {
  border-radius:0 var(--p-border-radius-md) var(--p-border-radius-md) 0;
}