/* fppg-plus/assets/css/frontend-live-users.css */

.fppg-plus-live-users-card {
    display: flex; /* Para alinear el icono y el texto horizontalmente */
    align-items: center; /* Centrar verticalmente los elementos */
    background-color: #fff; /* O el color de fondo que prefieras */
    border: 1px solid #e0e0e0;
    border-radius: 30px; /* Bordes redondos */
    padding: 15px 23px;
    margin-top: 20px; /* Espacio por encima de la tarjeta */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Sutil sombra */
    width: fit-content; /* Ajustar el ancho al contenido */
    max-width: 100%; /* Asegurarse de que no desborde */
}

.fppg-plus-live-users-icon {
    width: 20px; /* Tamaño del GIF */
    height: 20px;
    margin-right: 10px; /* Espacio entre el icono y el texto */
    vertical-align: middle;
}

.fppg-plus-live-users-text {
    margin: 0; /* Eliminar el margen predeterminado del párrafo */
    font-size: 16px;
    color: #333;
    line-height: 1; /* Ajustar la altura de línea */
}