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

.player-button {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  outline: none;
  border-radius: 3px;
  border: solid 1px $buic-background-5;
  // background-image: linear-gradient(to bottom, $buic-background-1, $buic-background-2);
  background-image: linear-gradient(to bottom, $buic-background-3, $buic-background-3), linear-gradient(to bottom, $buic-background-1, $buic-background-1);
  color: $buic-foreground-body;

  cursor: pointer;

  &:hover {
    color: $buic-foreground-activehover;
  }
}