.article-like{align-items:center;color:#353535;-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:flex;font-weight:700;justify-content:center}.article-like:active .likes{top:1px}.article-like:active .likes:after{border-radius:6px;box-shadow:0 0 #f8d29c;left:0;opacity:1;position:absolute;top:0;transition:0s}.article-like.vertical-outline .likes{border:none;flex-direction:column;padding:.5rem;row-gap:.15rem}.article-like.vertical-outline .likes>span{align-items:center;color:#000;display:flex;font-size:1rem;font-weight:400;height:1rem;justify-content:center;line-height:0;transition:all .15s ease-in-out}.article-like.vertical-outline .likes>span:after{display:none}.article-like.vertical-outline .likes>span:empty{height:0}.article-like.vertical-outline .likes .like{background-color:#bfbfbf;background:#cbcbcb;height:1.5rem;width:1.5rem}.article-like.vertical-outline .likes .like.active{background:#ff7714}.article-like .likes{border:1px solid #cbcbcb}.article-like .likes,.article-like .status{border-radius:6px;position:relative;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.article-like .status{margin-left:.25rem}.article-like .likes{align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;display:flex;height:-moz-fit-content;height:fit-content;justify-content:flex-start;padding:.5rem 1rem;row-gap:.5rem}.article-like .likes.disable{-moz-column-gap:0;column-gap:0;flex-grow:1}.article-like .likes.disable span{height:100%;width:0}.article-like .likes.disable span:after{content:".";visibility:hidden}.article-like .likes:after{border-radius:6px;box-shadow:0 0 0 10px #ff7714;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .5s;width:100%}.article-like .like{background-color:#bfbfbf;height:1.1rem;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='242' height='250' fill='none' viewBox='0 0 242 250'%3E%3Cpath fill='%23000' d='M54.5 211.619v-159H12c-6.627 0-12 5.373-12 12v135c0 6.628 5.373 12 12 12zM69.5 211.619v-159h4.594a9.1 9.1 0 0 0 6.597-2.831l40.568-42.682c8.292-8.725 21.932-9.517 31.179-1.812 9.298 7.749 10.938 21.404 3.74 31.133l-8.236 11.133c-3.08 4.163-.108 10.06 5.071 10.06h15.89c40.37 0 73.097 32.726 73.097 73.096v3.903c0 42.526-34.474 77-77 77z'/%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='242' height='250' fill='none' viewBox='0 0 242 250'%3E%3Cpath fill='%23000' d='M54.5 211.619v-159H12c-6.627 0-12 5.373-12 12v135c0 6.628 5.373 12 12 12zM69.5 211.619v-159h4.594a9.1 9.1 0 0 0 6.597-2.831l40.568-42.682c8.292-8.725 21.932-9.517 31.179-1.812 9.298 7.749 10.938 21.404 3.74 31.133l-8.236 11.133c-3.08 4.163-.108 10.06 5.071 10.06h15.89c40.37 0 73.097 32.726 73.097 73.096v3.903c0 42.526-34.474 77-77 77z'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain;width:1.1rem}.article-like .like.active{background-color:#ff7714;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='242' height='250' fill='none' viewBox='0 0 242 250'%3E%3Cpath fill='%23000' d='M54.5 211.619v-159H12c-6.627 0-12 5.373-12 12v135c0 6.628 5.373 12 12 12zM69.5 211.619v-159h4.594a9.1 9.1 0 0 0 6.597-2.831l40.568-42.682c8.292-8.725 21.932-9.517 31.179-1.812 9.298 7.749 10.938 21.404 3.74 31.133l-8.236 11.133c-3.08 4.163-.108 10.06 5.071 10.06h15.89c40.37 0 73.097 32.726 73.097 73.096v3.903c0 42.526-34.474 77-77 77z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='242' height='250' fill='none' viewBox='0 0 242 250'%3E%3Cpath fill='%23000' d='M54.5 211.619v-159H12c-6.627 0-12 5.373-12 12v135c0 6.628 5.373 12 12 12zM69.5 211.619v-159h4.594a9.1 9.1 0 0 0 6.597-2.831l40.568-42.682c8.292-8.725 21.932-9.517 31.179-1.812 9.298 7.749 10.938 21.404 3.74 31.133l-8.236 11.133c-3.08 4.163-.108 10.06 5.071 10.06h15.89c40.37 0 73.097 32.726 73.097 73.096v3.903c0 42.526-34.474 77-77 77z'/%3E%3C/svg%3E")}.article-like span{font-size:.875rem}
