.setting {
  &:hover {
    .setting-wrapper {
      display: inline;
    }
  }
  .setting-wrapper {
    display: none;
    color: #a3b1cc;
    top: 42px;
    /* left: 0px; */
    margin-left: -50px;
    z-index: 51;
    position: absolute;
    text-align: center;
    .h-arrow {
      display: inline-block;
      height: 10px;
      width: 10px;
      transform: rotate(45deg);
      background-color: #3d4247;
    }
    .setting-content-wrapper {
      background-color: #3d4247;
      margin-top: -11px;
      border-radius: 3px;
      & > div {
        padding: 0px 9px 0 9px;
        line-height: 30px;
        span {
          display: inline-block;
          vertical-align: middle;
        }
        &:hover {
          color: #00bcf2;
          span i {
            color: #00bcf2;
          }
        }
      }
    }
  }
}