.favourite {
  position: absolute;
  z-index: 10;
  top: 15px;
  right: 55px;
  display: flex;
  opacity: 0;
  cursor: pointer; }
  .favourite span {
    display: none; }
  .favourite .icon {
    cursor: pointer;
    transition: fill .3s, stroke .3s;
    fill: #b9c4d6; }
  .favourite.active {
    opacity: 1; }
    .favourite.active .icon {
      fill: #5B627E; }
  @media (min-width: 1250px) {
    .favourite:hover .icon {
      fill: #5B627E; } }
  @media (max-width: 1249px) {
    .favourite {
      z-index: 2;
      opacity: 1;
      pointer-events: all;
      top: 10px;
      right: 10px; } }