@import '../helpers/variables';

.favourite-product {
  display: inline-block;
  margin: -4px;
  padding: 4px;
  font-size: 1em;
  line-height: 1em;
  color: $blue;
  cursor: pointer;
  user-select: none;

  & &__checked {
    display: none;
  }

  &-checked &__checked {
    display: inline-block;
  }

  &-checked &__unchecked {
    display: none;
  }

  &-disable {
    opacity: .75;
    pointer-events: none;
  }
}