.toolbar-button {
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  co-icon ::ng-deep {
    width: 20px;
    height: 20px;
    svg {
      fill: #FFFFFF;
    }
    & [fill] {
      fill: #FFFFFF;
    }
  }
  &.disabled {
    cursor: default;
    co-icon ::ng-deep {
      svg {
        fill: #00000073;
      }
      & [fill] {
        fill: #00000073;
      }
    }
  }
  .toolbar-icon-label {
    padding-left: 20px;
  }
}
