@import '../../assets/styles/colors';

.ff-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ff-icon-click {
  cursor: pointer;
  padding: 5px;
  box-sizing: content-box;
  &:hover {
    border-radius: 50%;
    background-color: $drawer-footer-bg;
    box-shadow: 0px 0px 16px $toggle-strip-shadow;
    & > svg {
      color: $brand-color;
    }
  }
}

.ff-icon-disabled {
  cursor: no-drop;
  & > svg {
    color: $toggle-strip-color;
  }
  &:hover {
    box-shadow: none;
    & > svg {
      color: $toggle-strip-color;
    }
  }
}