.zhst-image__btn-group {
  // display: flex;
  width: 30px;
  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 40%);

  &__item {
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    background: #000;

    &>button {
      padding: 0;
      color: #fff;

      &:hover {
        color: #09f;
      }

      &:active {
        color: #09f;
      }

      &:focus {
        color: #fff;
      }

      &>span {
        display: flex;
      }
    }

    &--active {
      &>button {
        color: #09f;
      }
    }
  }

  &--circle {
    background-color: none;
    box-shadow: none;
  }

  &--circle &__item {
    margin-bottom: 4px;
    border-radius: 50%;
  }
}