/* Estilos para el botón de comentarios */
.cbt-button {
    border: 1px solid #E84626 !important;
    background-color: transparent !important;
    color: #E84626 !important;
    font-size: 14px !important;
    padding: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    cursor: pointer !important;
    transition: background-color 0.3s, color 0.3s !important;
}

.cbt-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.cbt-icon svg {
    width: 21px;
    height: 18px;
    transition: fill 0.3s !important;
}
.cbt-icon svg path {
    stroke: currentColor !important;
    fill: none !important;
}

/* Hover: fondo naranja, texto e icono en blanco */
.cbt-button:hover {
    background-color: #E84626 !important;
    color: #ffffff !important;
}

/* Estado activo (opcional) */
.cbt-button.active {
    background-color: #E84626 !important;
    color: #ffffff !important;
}