/*.heart {*/
/*    width: 100px;*/
/*    height: 100px;*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    background: url(images/icons/heart.png) no-repeat;*/
/*    background-position: 0 0;*/
/*    cursor: pointer;*/
/*    animation: fave-heart 1s steps(28);*/
/*}*/
/*.scale .heart {*/
/*    background-position: -2800px 0;*/
/*    transition: background 1s steps(28);*/
/*}*/
/*@keyframes fave-heart {*/
/*    0% {*/
/*        background-position: 0 0;*/
/*    }*/
/*    100% {*/
/*        background-position: -2800px 0;*/
/*    }*/
/*}*/

.LikeBtn-buttonIcon {
    display: block;
    width: 32px;
    height: 29px;
    font-size: 0;
    background-image: url(../images/icons/like.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.canvas{width:35px;height:35px;position:relative}
.canvas,.canvas .total-counter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.canvas .total-counter{width:100%;position:absolute;top:100%;color:#797979;font-family:Calibre,sans-serif;font-size:16px}.canvas .total-counter.fader{-webkit-animation:fade-in 1.4s forwards;animation:fade-in 1.4s forwards}.canvas .clap-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;width:40px;height:35px;z-index:2;background:#fff;border-radius:50%;cursor:pointer}.canvas .clap-container .clap-icon{font-size:30px;color:#ff164e;width:30px;height:30px}.canvas .clap-container.scale{-webkit-animation:scaleAndBack .7s forwards;animation:scaleAndBack .7s forwards}.canvas .click-counter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:35px;height:35px;position:absolute;top:105%;background-color:#fff;border-radius:50%;z-index:1;opacity:0}.canvas .click-counter .counter{font-family:sans-serif;font-size:14px;color:#fff}.canvas .click-counter.first-active{-webkit-animation:first-bump-in 1s forwards;animation:first-bump-in 1s forwards}.canvas .click-counter.active{-webkit-animation:bump-in 1s forwards;animation:bump-in 1s forwards}.canvas .clap-container-sonar{width:60px;height:60px;background:#ff164e;border-radius:50%;position:absolute;opacity:0;z-index:0}.canvas .particles-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60px;height:60px;position:absolute}.canvas .particles-container .triangle{border:4px solid transparent;border-top:10px solid red;position:absolute}.canvas .particles-container .triangle .square{width:5px;height:5px;background:#ff164e;position:absolute;left:-15px;top:0}.canvas .particles-container .pop-top{-webkit-animation:pop-top 1s forwards;animation:pop-top 1s forwards}.canvas .particles-container .pop-top-left{-webkit-animation:pop-top-left 1s forwards;animation:pop-top-left 1s forwards}.canvas .particles-container .pop-top-right{-webkit-animation:pop-top-right 1s forwards;animation:pop-top-right 1s forwards}.canvas .particles-container .pop-bottom-right{-webkit-animation:pop-bottom-right 1s forwards;animation:pop-bottom-right 1s forwards}.canvas .particles-container .pop-bottom-left{-webkit-animation:pop-bottom-left 1s forwards;animation:pop-bottom-left 1s forwards}.LikeBtn-buttonIcon{display:block;width:32px;height:29px;font-size:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M21.53 1.816c1.79 0 3.46.727 4.713 1.998a6.795 6.795 0 010 9.565l-11.094 11.26-.06.06s-.06-.06-.119-.06L3.757 13.379c-2.624-2.664-2.624-6.962-.06-9.565C4.95 2.543 6.502 1.937 8.29 1.937c1.79 0 3.638.727 5.07 1.998l.06.06.06.061.596.484 1.252.969 1.074-1.271.477-.485a6.536 6.536 0 014.652-1.937zm0-1.816c-2.146 0-4.293.848-5.963 2.482l-.478.484-.596-.484C12.703.908 10.437.061 8.231.061c-2.147 0-4.235.787-5.845 2.421-3.28 3.33-3.221 8.778.06 12.108l11.272 11.32c.417.424.835.787 1.431 1.09a7.408 7.408 0 001.312-1.09l11.094-11.26c3.28-3.33 3.28-8.778 0-12.107A8.48 8.48 0 0021.53 0z' fill='%23231F20'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h30v27H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover}.clicked .LikeBtn-buttonIcon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.32 2.625c-3.5-3.5-9.227-3.5-12.727 0l-.51.509-.636-.51c-3.818-3.308-9.354-3.499-12.854 0-3.5 3.5-3.436 9.228.064 12.728l11.963 11.9c.446.445.89.826 1.527 1.145.51-.319.955-.7 1.4-1.146l11.836-11.836a9.045 9.045 0 00-.064-12.79z' fill='%23FF164E'/%3E%3C/svg%3E")}@-webkit-keyframes sonar-wave{0%{opacity:.7}to{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}}@keyframes sonar-wave{0%{opacity:.7}to{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}}@-webkit-keyframes fade-in{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}50%{opacity:0}to{opacity:1}}@-webkit-keyframes pop-top{0%{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0);opacity:.4}to{-webkit-transform:translateY(-100px) rotate(0);transform:translateY(-100px) rotate(0);opacity:0}}@keyframes pop-top{0%{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0);opacity:.4}to{-webkit-transform:translateY(-100px) rotate(0);transform:translateY(-100px) rotate(0);opacity:0}}@-webkit-keyframes pop-top-left{0%{-webkit-transform:translate(0) rotate(-55deg);transform:translate(0) rotate(-55deg);opacity:.4}to{-webkit-transform:translate(-100px,-50px) rotate(-55deg);transform:translate(-100px,-50px) rotate(-55deg);opacity:0}}@keyframes pop-top-left{0%{-webkit-transform:translate(0) rotate(-55deg);transform:translate(0) rotate(-55deg);opacity:.4}to{-webkit-transform:translate(-100px,-50px) rotate(-55deg);transform:translate(-100px,-50px) rotate(-55deg);opacity:0}}@-webkit-keyframes pop-top-right{0%{-webkit-transform:translate(0) rotate(55deg);transform:translate(0) rotate(55deg);opacity:.4}to{-webkit-transform:translate(100px,-50px) rotate(55deg);transform:translate(100px,-50px) rotate(55deg);opacity:0}}@keyframes pop-top-right{0%{-webkit-transform:translate(0) rotate(55deg);transform:translate(0) rotate(55deg);opacity:.4}to{-webkit-transform:translate(100px,-50px) rotate(55deg);transform:translate(100px,-50px) rotate(55deg);opacity:0}}@-webkit-keyframes pop-bottom-right{0%{-webkit-transform:translate(0) rotate(135deg);transform:translate(0) rotate(135deg);opacity:.4}to{-webkit-transform:translate(70px,80px) rotate(135deg);transform:translate(70px,80px) rotate(135deg);opacity:0}}@keyframes pop-bottom-right{0%{-webkit-transform:translate(0) rotate(135deg);transform:translate(0) rotate(135deg);opacity:.4}to{-webkit-transform:translate(70px,80px) rotate(135deg);transform:translate(70px,80px) rotate(135deg);opacity:0}}@-webkit-keyframes pop-bottom-left{0%{-webkit-transform:translate(0) rotate(-135deg);transform:translate(0) rotate(-135deg);opacity:.4}to{-webkit-transform:translate(-70px,80px) rotate(-135deg);transform:translate(-70px,80px) rotate(-135deg);opacity:0}}@keyframes pop-bottom-left{0%{-webkit-transform:translate(0) rotate(-135deg);transform:translate(0) rotate(-135deg);opacity:.4}to{-webkit-transform:translate(-70px,80px) rotate(-135deg);transform:translate(-70px,80px) rotate(-135deg);opacity:0}}@-webkit-keyframes first-bump-in{0%{opacity:1}50%{opacity:1}to{opacity:0}}@keyframes first-bump-in{0%{opacity:1}50%{opacity:1}to{opacity:0}}@-webkit-keyframes bump-in{0%{-webkit-transform:scale(.9);transform:scale(.9);opacity:1}50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes bump-in{0%{-webkit-transform:scale(.9);transform:scale(.9);opacity:1}50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@-webkit-keyframes scaleAndBack{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleAndBack{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1)}}