.button-reaction[data-v-dd622e7c]{--color:color-mix(in srgb, var(--black) 30%, transparent);-moz-column-gap:4rem;background:0 0;-webkit-box-flex:0;align-items:center;column-gap:4rem;transition:background .2s,border .2s;display:flex;position:relative}button.button-reaction[data-v-dd622e7c]{--color:var(--black);cursor:pointer;border:1px solid var(--color);border-radius:20rem;min-width:57rem;padding:5rem 10rem 5rem 6rem}@media (hover:hover){button.button-reaction[data-v-dd622e7c]:hover:not(.button-reaction--active){--color:color-mix(in srgb, var(--black) 65%, transparent)}}.button-reaction--like[data-v-dd622e7c]{--color-active:var(--green1-extra)}.button-reaction--like .animation-button-reaction-enter-active[data-v-dd622e7c]{animation:.6s ease-out backwards animation-likes-dd622e7c}.button-reaction--dislike[data-v-dd622e7c]{--color-active:var(--red-extra)}.button-reaction--dislike .animation-button-reaction-enter-active[data-v-dd622e7c]{animation:.6s ease-out backwards animation-dislikes-dd622e7c}.button-reaction--active[data-v-dd622e7c]{background:var(--color-active)}.button-reaction--animation .button-reaction__anim-block[data-v-dd622e7c]{animation-play-state:running}.button-reaction__icon[data-v-dd622e7c]{width:14rem;height:14rem;fill:var(--color);font-size:0;transition:fill .2s;display:block}.button-reaction__icon svg[data-v-dd622e7c]{width:100%;height:100%}.button-reaction__icon--custom[data-v-dd622e7c]{background:var(--color);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.button-reaction__value[data-v-dd622e7c]{color:var(--color);text-align:center;flex:1;font-family:IBM Plex Mono;font-size:12rem;font-style:normal;font-weight:500;line-height:100%;transition:color .2s}.button-reaction__anim-block[data-v-dd622e7c]{opacity:0;-webkit-box-flex:0;align-items:center;display:flex;position:absolute;top:0;left:20rem}.button-reaction__anim-block .articles-views-info__value[data-v-dd622e7c]{color:var(--color-active)}.button-reaction__anim-img[data-v-dd622e7c]{width:16rem;font-size:0}.button-reaction__anim-img img[data-v-dd622e7c]{width:100%}@keyframes animation-likes-dd622e7c{0%{opacity:0;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(-200%)}}@keyframes animation-dislikes-dd622e7c{0%{opacity:0;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(200%)}}