/**
 * @license
 * Copyright Endlessjs. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */

:host {
  background: transparent;
  display: flex;
  align-items: center;
  position: relative;
}

:host(.disabled) {
  cursor: not-allowed;

  a, el-icon {
    cursor: not-allowed;
  }
}

:host-context(el-actions.full-width) {
  justify-content: center;
  width: 100%;
}

a.icon-container {
  &:hover, &:focus {
    text-decoration: none;
  }
}

el-icon:hover {
  cursor: pointer;
}