.theme-btn {
  position: fixed;
  right: 32px;
  bottom: 28px;
  z-index: 2147483640;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  &-tooltip {
    .ant-tooltip-inner {
      min-width: 100px;
    }
  }
  & > div {
    display: block;
  }
  &-active {
    width: 44px;
    height: 44px;
    color: 0000;
    font-size: 22px;
    line-height: 44px;
  }
  & &-avatar {
    color: #000;
    background-color: #fff;
    border: 1px solid #107cee;
    transition: color 0.3s;
    &:hover {
      color: #000;
    }
  }
}