.reaction-component{display:flex;align-items:center;gap:8px}.reaction-btn,.action-button{display:flex;align-items:center;flex-direction:row-reverse;gap:6px;padding:6px 12px;border-radius:100px;cursor:pointer;transition:all 0.3s ease;font-size:14px;background:rgb(255 255 255 / .15);color:var(--white)}.reaction-btn:hover,.action-button:hover{background:rgb(255 255 255 / .25)}.reaction-btn:disabled,.action-button:disabled{opacity:.6;cursor:not-allowed}.reaction-btn:disabled:hover,.action-button:disabled:hover{border-color:#e0e0e0;background:#fff;color:#666}.reaction-btn--like.reaction-btn--active{border-color:#4caf50;background:#4caf50;color:#fff}.reaction-btn--like.reaction-btn--active:hover{background:#45a049;border-color:#45a049}.reaction-btn--dislike.reaction-btn--active{border-color:#f44336;background:#f44336;color:#fff}.reaction-btn--dislike.reaction-btn--active:hover{background:#da190b;border-color:#da190b}.reaction-btn svg{width:12px;height:12px;flex-shrink:0}.reaction-count{min-width:16px;text-align:center}