.mixit-button-favorite{align-items:center;color:transparent;display:flex;height:3.5rem;justify-content:center;position:relative;width:3.5rem}@media screen and (min-width:651px){.mixit-button-favorite{height:4.5rem;width:4.5rem}}.mixit-button-favorite:active .mixit-button-favorite__icon{color:#cbcfb4}.mixit-button-favorite:active .mixit-button-favorite__icon svg{stroke:#cbcfb4}@media screen and (hover:hover){.mixit-button-favorite:hover .mixit-button-favorite__icon{color:#cbcfb4}.mixit-button-favorite:hover .mixit-button-favorite__icon svg{stroke:#cbcfb4}}.mixit-button-favorite.active .mixit-button-favorite__icon{color:#cbcfb4}.mixit-button-favorite.active .mixit-button-favorite__icon svg{stroke:#cbcfb4}.mixit-button-favorite__icon{pointer-events:none}.mixit-button-favorite__icon svg{height:1.8rem;width:1.8rem;stroke:#202020;backface-visibility:hidden;transform:translateZ(0);transition:.3s}@media screen and (min-width:651px){.mixit-button-favorite__icon svg{height:2.4rem;width:2.4rem}}.mixit-button-favorite__icon.animation-icon{animation:heartPulse .25s cubic-bezier(.175,.885,.32,1.275) both}.heart-animation-1.animation,.heart-animation-2.animation{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' fill='none' viewBox='0 0 24 21'%3E%3Cpath fill='%23CBCFB4' stroke='%23CBCFB4' stroke-linecap='round' stroke-linejoin='round' d='m2.91 10.389 9.089 9.278 9.088-9.278a5.56 5.56 0 0 0 1.578-3.89C22.665 3.463 20.253 1 17.278 1c-1.429 0-2.8.58-3.81 1.61l-1.47 1.501-1.469-1.5A5.33 5.33 0 0 0 6.719 1C3.745 1 1.333 3.462 1.333 6.5c0 1.458.568 2.857 1.578 3.889'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100%;display:block;height:1.4rem;left:30%;opacity:0;position:absolute;top:0;width:1.6rem}.heart-animation-1.animation:after,.heart-animation-1.animation:before,.heart-animation-2.animation:after,.heart-animation-2.animation:before{background-image:inherit;background-position:50%;background-repeat:no-repeat;background-size:100%;content:"";display:inherit;height:inherit;opacity:0;width:inherit}.heart-animation-1.animation{animation:heartFloatMain-1 1s cubic-bezier(.175,.885,.32,1.275) both}.heart-animation-1.animation:after,.heart-animation-1.animation:before{height:1rem;visibility:hidden;width:1.2rem}.heart-animation-1.animation:before{animation:heartFloatSub-1 1s cubic-bezier(.175,.885,.32,1.275) .25s both;opacity:.6}.heart-animation-1.animation:after{animation:heartFloatSub-2 1s cubic-bezier(.175,.885,.32,1.275) .15s both;opacity:.75}.heart-animation-2.animation{animation:heartFloatMain-2 1s cubic-bezier(.175,.885,.32,1.275) .1s both}.heart-animation-2.animation:after,.heart-animation-2.animation:before{height:.8rem;visibility:hidden;width:1rem}.heart-animation-2.animation:before{animation:heartFloatSub-3 1s cubic-bezier(.175,.885,.32,1.275) .25s both;opacity:.25}.heart-animation-2.animation:after{animation:heartFloatSub-4 1s cubic-bezier(.175,.885,.32,1.275) .15s both;opacity:.4}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.5)}}@keyframes heartFloatMain-1{0%{opacity:0;transform:translate(0) rotate(0)}50%{opacity:1;transform:translateY(-2.5rem) rotate(-20deg)}}@keyframes heartFloatMain-2{0%{opacity:0;transform:translate(0) rotate(0) scale(0)}50%{opacity:.9;transform:translate(-1rem,-3.8rem) rotate(25deg) scale(1)}}@keyframes heartFloatSub-1{0%{transform:translate(0) rotate(0);visibility:hidden}50%{transform:translate(1.3rem,-1.3rem) rotate(30deg);visibility:visible}}@keyframes heartFloatSub-2{0%{transform:translate(0) rotate(0);visibility:hidden}50%{transform:translate(1.8rem,-1rem) rotate(55deg);visibility:visible}}@keyframes heartFloatSub-3{0%{transform:translate(0) rotate(0);visibility:hidden}50%{transform:translate(-1rem,-1rem) rotate(-40deg);visibility:visible}to{transform:translate(-5rem)}}@keyframes heartFloatSub-4{0%{transform:translate(0) rotate(0);visibility:hidden}50%{transform:translate(.2rem,-1.8rem) rotate(-25deg);visibility:visible}}
