@keyframes favouriteAdded{0%{transform:translate(-80%,-50%);opacity:0}20%{transform:translate(-100%,-50%);opacity:1}80%{transform:translate(-100%,-50%);opacity:1}to{transform:translate(-120%,-50%);opacity:0}}.added-to-favourite{left:0%;top:50%;transform:translate(-50%,-50%);animation:2s favouriteAdded forwards ease-out}.heart-pop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:5}@keyframes heartMove1{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(100%,100%);opacity:0}}@keyframes heartMove2{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-150%,-150%);opacity:0}}@keyframes heartMove3{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-150%,180%);opacity:0}}@keyframes heartMove4{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(150%,-100%);opacity:0}}@keyframes heartMove5{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-50%,-150%);opacity:0}}.heart-pop i{position:absolute;width:20px;height:auto;left:50%;top:50%;transform:translate(-50%,-50%)}.heart-pop i:nth-child(1){animation:.5s heartMove1 .1s forwards ease-out}.heart-pop i:nth-child(2){animation:.5s heartMove2 .2s forwards ease-out}.heart-pop i:nth-child(3){animation:.5s heartMove3 .3s forwards ease-out}.heart-pop i:nth-child(4){animation:.5s heartMove4 .2s forwards ease-out}.heart-pop i:nth-child(5){animation:.5s heartMove5 .1s forwards ease-out}