/*
 * Copyright 2019 dialog LLC <info@dlg.im>
 */

@import '../../styles/variables.css';

:root {
  --toolbar-call-button-color: #999;
  --toolbar-call-button-color-hover: #666;
  --toolbar-call-button-color-active: #4c4c4c;
}

/* Styles */
.container {
  all: initial;
  display: inline-flex;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  flex-flow: row;
  align-content: center;
  align-items: center;

  & .icon {
    color: var(--toolbar-call-button-color);
  }

  &:hover {
    & .icon {
      color: var(--toolbar-call-button-color-hover);
    }
  }

  &:active {
    & .icon {
      color: var(--toolbar-call-button-color-active);
    }
  }
}

/* .icon {} */

.disabled {
  cursor: default;
  opacity: 0.15 !important;

  & .icon {
    color: var(--toolbar-call-button-color) !important;
  }
}