@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: $primary-button-text-color;
    box-shadow: 0px 0px 16px $toggle-strip-shadow;
    & > svg {
      color: $primary-button-color !important;
    }
  }
}

.ff-icon-disabled {
  cursor: no-drop;
  & > svg {
    color: $pop-up-background-blur !important;
  }
  &:hover {
    box-shadow: none;
    & > svg {
      color: $pop-up-background-blur !important;
    }
  }
}