/* ============================================================
   COMPARTIR
   ============================================================ */

.share {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.share__icon {
    font-size: 1.15rem;
}

/* El acuse va debajo del boton y fuera del flujo: asi no empuja nada al
   aparecer. Antes ocupaba un hueco vacio a la derecha, y al centrar el
   boton se centraba el boton mas el hueco y el boton quedaba torcido. */
.share__status {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: var(--space-1);
    white-space: nowrap;
    font-size: var(--text-xs);
    color: var(--accent-ink);
}