/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@import "variables";

.nz-toolbar-button-button {
  box-sizing: border-box;
  width: $mls-button-width;
  height: $mls-button-height;

  &.nz-toolbar-button-icon-small {
    width: $mls-small-button-width;
    height: $mls-small-button-height;
  }

  margin-bottom: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background: $button-background-color;
  border: {
    width: $button-stroke-width;
    color: $button-stroke-color;
    radius: $button-stroke-radius;
    style: solid;
  }
  pointer-events: auto;

  > .nz-gradient {
    background: linear-gradient(to bottom, $buic-button-gradient1, $buic-button-gradient2);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  &:active {
    background: $buic-foreground-primary-tone;

    > .nz-gradient {
      width: 0;
      height: 0;
    }
  }

  &:focus {
    outline: none;
  }
}

.nz-toolbar-button-background {
  &:hover {
    background-color: rgba( $buic-foreground-primary-rgb, .2 );
  }

  &:active {
    background-color: rgba( $buic-foreground-primary-rgb, .2 );
  }
}