/* =========================================
   REACTIONS – GLOBAL STYLE
   ========================================= */

.reactions {
    min-height: 32px;
}

.reaction-btn {
    transition: transform 0.15s ease, opacity 0.15s ease;
    transform-origin: center;
}

/* Hover only on devices that support hover (desktop, laptop) */
@media (hover: hover) {
    .reaction-btn:hover {
        transform: scale(1.1);
    }
}

.reactions-bar--loading {
    visibility: hidden;
}