/* ============================================================
   BOTONES CON ICONOS
============================================================ */

button .bi,
.btn .bi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    line-height: 1;
}

button .bi::before,
.btn .bi::before {
    display: block;
    line-height: 1;
}

/* ============================================================
   BOTONES EMOJI
============================================================ */

.btn-emoji-action,
.btn-emoji-logout {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 6px 10px;
    transition: transform .2s ease, opacity .2s ease;
}

.btn-emoji-action { font-size: 26px; }
.btn-emoji-logout { font-size: 28px; }

.btn-emoji-action:hover,
.btn-emoji-logout:hover {
    transform: scale(1.15);
    opacity: 1;
}

.btn-emoji-action,
.btn-emoji-logout {
    opacity: 0.85;
}

.btn-emoji-action:active,
.btn-emoji-logout:active {
    transform: scale(1.05);
}