.animation-like-button{filter:grayscale(100%);padding:.45rem .75rem;justify-content:center;font-size:1rem;border:2px solid #c7c7c7;font-weight:700;color:#878787;transition:all .25s cubic-bezier(.175,.885,.32,1.275);align-items:center;border-radius:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex}.animation-like-button.animation-liked{border-color:currentColor;filter:grayscale(0);color:#1e87f0}.animation-like-button:hover{border-color:currentColor}.animation-like-icon{-webkit-animation:animation-like-un .25s cubic-bezier(.175,.885,.32,1.275) both;animation:animation-like-un .25s cubic-bezier(.175,.885,.32,1.275) both;height:16px;font-size:1.5rem;margin-right:.25em;position:relative;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAADz0lEQVR4Xu2bXWhURxTH/2fmrlItSYwSAyp775olYnwRokTxwbh3/XwqBIu0WEoeKmIRolKLvimC36ItfSkKQkUffFL8gGwDSiyl+FDSFtPS3fiBIIgFfTHZ3DmyKeqaD9252Y+7mbuve/5n5vzu/87MnmEJhn/I8PoRAggdYDiBsrwCPT1scRQLswqR0bwtgRe1z/C4tZWylXgWJQfQ089zvGnqDoD4ewp8CaYUhHfctSM95QRRcgCpjLeNgR8KLorwY91Tsb1cjig9gLS3mwlHCwbwf+ClhC22EBFr6rTDgwoATNyZtK2z2hVpCgILAMCDhC3sUrsgyAAghGhdE6W7mg9VKzzQAJj5i2TMOq9VkWZwoAGAsMu15QnNmrTCAw2AGHsSMXlMqyLN4BCAJjDt8NSAd4AZ+7WFAKreATcecr01rP4BUG8kgNSAd5oZX/spPqepagfczPAiyaoPBMtIAN0ZdQ3gDX6Lr2oHdGey6wFxfTLFVy2AXPPDs9XvABYbCSCV9nYw4cxki69KB9y+z7MG1ci2N7sYABiUW0du+8lFhCwUP/GE7F1nU2aiHEU9CXZnvFMAdvqZcGk1fAtK7nYX0m+jxykagJ/T3KxI9QFjG5+lLa7g7FkCf5VwrHP5iqIB6E6rqyDeVPB0KhOoALXJdSI3Xg//BkDDzvRcKbMHQbCZ9W6M2uIf1+9Y37i0MjVpj3p/aFg0b4zT4MhC+1re2NV/EcCn2ukAfPvJPLTM/8iPtDIa4s9d2/ppFIC/+wBe4mdG33XaqJvh+8TrZ8hJaQi4kHDkZ6Md8AeAFj+Zv+90UDtD+pFWSMO/uI610mAA+NN15Ijb89cAgxwQAggdEL4C4RoQLoIG7wKMu25Mtpq8DR52HbnXTACMYekJpz1Oj8wEAFx0HbllzM/hxq5+M06CSizP7wwZdRRm5t5kzFo1bkfIBAcwcUfSti6bCmDgmS2aNhN5RgJgoCvpyJMTdoWn+CvwfGhYLNgYp+dGAiDgZMKRXeO1n0zYBTwJ0dTu0ICZAJguuzHRMVHzcco7QAmxam2Ueo0EwOBfk47V9r7W81R2gIISbeNdiJpxDmAccmNy34cuHt46YNe9O2Ba8SHBeN8f3xrF3Nox/4bxk6oYmtx/DPa6jjxSSLJ8AB1gyt2XTStEmB/T3lKDL1c3QAhdZVHj/wNwBUIcdqP0V6GZ37ken/XNv7XTh9R8llnta/Nl8Zl1TQ01c6ZLMbhmcc3DQicw2bhIBEwv8aS9mZ76yaVdqJ9BgqwJAQT56ZRjbqEDykE5yGO8AucuhVCw8XgWAAAAAElFTkSuQmCC") no-repeat 50%;background-size:100%;width:18px;display:inline-block}.animation-liked .animation-like-icon{-webkit-animation:animation-like-un-pulse .25s cubic-bezier(.175,.885,.32,1.275) both;animation:animation-like-un-pulse .25s cubic-bezier(.175,.885,.32,1.275) both}.animation-liked .animation-like-icon [class^=animation-like-heart-animation-]{height:14px;position:absolute;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAADz0lEQVR4Xu2bXWhURxTH/2fmrlItSYwSAyp775olYnwRokTxwbh3/XwqBIu0WEoeKmIRolKLvimC36ItfSkKQkUffFL8gGwDSiyl+FDSFtPS3fiBIIgFfTHZ3DmyKeqaD9252Y+7mbuve/5n5vzu/87MnmEJhn/I8PoRAggdYDiBsrwCPT1scRQLswqR0bwtgRe1z/C4tZWylXgWJQfQ089zvGnqDoD4ewp8CaYUhHfctSM95QRRcgCpjLeNgR8KLorwY91Tsb1cjig9gLS3mwlHCwbwf+ClhC22EBFr6rTDgwoATNyZtK2z2hVpCgILAMCDhC3sUrsgyAAghGhdE6W7mg9VKzzQAJj5i2TMOq9VkWZwoAGAsMu15QnNmrTCAw2AGHsSMXlMqyLN4BCAJjDt8NSAd4AZ+7WFAKreATcecr01rP4BUG8kgNSAd5oZX/spPqepagfczPAiyaoPBMtIAN0ZdQ3gDX6Lr2oHdGey6wFxfTLFVy2AXPPDs9XvABYbCSCV9nYw4cxki69KB9y+z7MG1ci2N7sYABiUW0du+8lFhCwUP/GE7F1nU2aiHEU9CXZnvFMAdvqZcGk1fAtK7nYX0m+jxykagJ/T3KxI9QFjG5+lLa7g7FkCf5VwrHP5iqIB6E6rqyDeVPB0KhOoALXJdSI3Xg//BkDDzvRcKbMHQbCZ9W6M2uIf1+9Y37i0MjVpj3p/aFg0b4zT4MhC+1re2NV/EcCn2ukAfPvJPLTM/8iPtDIa4s9d2/ppFIC/+wBe4mdG33XaqJvh+8TrZ8hJaQi4kHDkZ6Md8AeAFj+Zv+90UDtD+pFWSMO/uI610mAA+NN15Ijb89cAgxwQAggdEL4C4RoQLoIG7wKMu25Mtpq8DR52HbnXTACMYekJpz1Oj8wEAFx0HbllzM/hxq5+M06CSizP7wwZdRRm5t5kzFo1bkfIBAcwcUfSti6bCmDgmS2aNhN5RgJgoCvpyJMTdoWn+CvwfGhYLNgYp+dGAiDgZMKRXeO1n0zYBTwJ0dTu0ICZAJguuzHRMVHzcco7QAmxam2Ueo0EwOBfk47V9r7W81R2gIISbeNdiJpxDmAccmNy34cuHt46YNe9O2Ba8SHBeN8f3xrF3Nox/4bxk6oYmtx/DPa6jjxSSLJ8AB1gyt2XTStEmB/T3lKDL1c3QAhdZVHj/wNwBUIcdqP0V6GZ37ken/XNv7XTh9R8llnta/Nl8Zl1TQ01c6ZLMbhmcc3DQicw2bhIBEwv8aS9mZ76yaVdqJ9BgqwJAQT56ZRjbqEDykE5yGO8AucuhVCw8XgWAAAAAElFTkSuQmCC") no-repeat 50%;background-size:100%;opacity:0;top:0;left:0;width:16px;display:block}.animation-liked .animation-like-icon [class^=animation-like-heart-animation-]:after,.animation-liked .animation-like-icon [class^=animation-like-heart-animation-]:before{height:inherit;content:"";position:relative;background:inherit;background-size:100%;opacity:0;top:inherit;left:inherit;width:inherit;display:inherit}.animation-liked .animation-like-icon .animation-like-heart-animation-1{-webkit-animation:animation-like-heartFloatMain-1 1s cubic-bezier(.175,.885,.32,1.275) both;animation:animation-like-heartFloatMain-1 1s cubic-bezier(.175,.885,.32,1.275) both}.animation-liked .animation-like-icon .animation-like-heart-animation-1:after,.animation-liked .animation-like-icon .animation-like-heart-animation-1:before{height:10px;visibility:hidden;width:12px}.animation-liked .animation-like-icon .animation-like-heart-animation-1:before{-webkit-animation:animation-like-heartFloatSub-1 1s cubic-bezier(.175,.885,.32,1.275) .25s both;animation:animation-like-heartFloatSub-1 1s cubic-bezier(.175,.885,.32,1.275) .25s both;opacity:.6}.animation-liked .animation-like-icon .animation-like-heart-animation-1:after{-webkit-animation:animation-like-heartFloatSub-2 1s cubic-bezier(.175,.885,.32,1.275) .15s both;animation:animation-like-heartFloatSub-2 1s cubic-bezier(.175,.885,.32,1.275) .15s both;opacity:.75}.animation-liked .animation-like-icon .animation-like-heart-animation-2{-webkit-animation:animation-like-heartFloatMain-2 1s cubic-bezier(.175,.885,.32,1.275) .1s both;animation:animation-like-heartFloatMain-2 1s cubic-bezier(.175,.885,.32,1.275) .1s both}.animation-liked .animation-like-icon .animation-like-heart-animation-2:after,.animation-liked .animation-like-icon .animation-like-heart-animation-2:before{height:8px;visibility:hidden;width:10px}.animation-liked .animation-like-icon .animation-like-heart-animation-2:before{-webkit-animation:animation-like-heartFloatSub-3 1s cubic-bezier(.175,.885,.32,1.275) .25s both;animation:animation-like-heartFloatSub-3 1s cubic-bezier(.175,.885,.32,1.275) .25s both;opacity:.25}.animation-liked .animation-like-icon .animation-like-heart-animation-2:after{-webkit-animation:animation-like-heartFloatSub-4 1s cubic-bezier(.175,.885,.32,1.275) .15s both;animation:animation-like-heartFloatSub-4 1s cubic-bezier(.175,.885,.32,1.275) .15s both;opacity:.4}@-webkit-keyframes animation-like-un-pulse{0%{transform:scale(1)}50%{transform:scale(1.5)}}@keyframes animation-like-un-pulse{0%{transform:scale(1)}50%{transform:scale(1.5)}}@-webkit-keyframes animation-like-un{50%{transform:scale(.75)}}@keyframes animation-like-un{50%{transform:scale(.75)}}@-webkit-keyframes animation-like-heartFloatMain-1{0%{transform:translate(0) rotate(0);opacity:0}50%{transform:translateY(-25px) rotate(-20deg);opacity:1}}@keyframes animation-like-heartFloatMain-1{0%{transform:translate(0) rotate(0);opacity:0}50%{transform:translateY(-25px) rotate(-20deg);opacity:1}}@-webkit-keyframes animation-like-heartFloatMain-2{0%{transform:translate(0) rotate(0) scale(0);opacity:0}50%{transform:translate(-10px,-38px) rotate(25deg) scale(1);opacity:.9}}@keyframes animation-like-heartFloatMain-2{0%{transform:translate(0) rotate(0) scale(0);opacity:0}50%{transform:translate(-10px,-38px) rotate(25deg) scale(1);opacity:.9}}@-webkit-keyframes animation-like-heartFloatSub-1{0%{transform:translate(0) rotate(0);visibility:hidden}50%{transform:translate(13px,-13px) rotate(30deg);visibility:visible}}@keyframes animation-like-heartFloatSub-1{0%{transform:translate(0) rotate(0);visibility:hidden}50%{transform:translate(13px,-13px) rotate(30deg);visibility:visible}}@-webkit-keyframes animation-like-heartFloatSub-2{0%{transform:translate(0) rotate(0);visibility:hidden}50%{transform:translate(18px,-10px) rotate(55deg);visibility:visible}}@keyframes animation-like-heartFloatSub-2{0%{transform:translate(0) rotate(0);visibility:hidden}50%{transform:translate(18px,-10px) rotate(55deg);visibility:visible}}@-webkit-keyframes animation-like-heartFloatSub-3{0%{transform:translate(0) rotate(0);visibility:hidden}50%{transform:translate(-10px,-10px) rotate(-40deg);visibility:visible}to{transform:translate(-50px)}}@keyframes animation-like-heartFloatSub-3{0%{transform:translate(0) rotate(0);visibility:hidden}50%{transform:translate(-10px,-10px) rotate(-40deg);visibility:visible}to{transform:translate(-50px)}}@-webkit-keyframes animation-like-heartFloatSub-4{0%{transform:translate(0) rotate(0);visibility:hidden}50%{transform:translate(2px,-18px) rotate(-25deg);visibility:visible}}@keyframes animation-like-heartFloatSub-4{0%{transform:translate(0) rotate(0);visibility:hidden}50%{transform:translate(2px,-18px) rotate(-25deg);visibility:visible}}