.icon2 {
    font-size: 25px; /* tamaño base */
    cursor: pointer;
    transition: transform 0.2s, color 0.2s;
    display: inline-flex;      /* para controlar mejor el layout */
    align-items: center;       /* centrar verticalmente */
    justify-content: center;   /* centrar horizontalmente */
    width: 40px;               /* ancho fijo */
    height: 40px;              /* alto fijo */
    line-height: 1;            /* para evitar problemas de espacio */
}

.icon2:hover {
    transform: scale(1.5);
    color: #007bff;
}

.icon2:active {
    transform: scale(1);
    color: #0056b3;
}

/* Colores específicos */
.icon2.plus {
    color: #145a32; /* Verde */
}

/* Otros colores... */
.icon2.cancel {
    color: #e74c3c;
}

.icon2.refresh {
    color: #34495e;
}

.icon2.retirada {
    color: #7d6608;
}

.icon2.filtro {
    color: #1f618d;
}

.icon2.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.icon2.claro-success {
    color: #82e0aa;
}

.icon2.claro-refresh {
    color: #d5d8dc;
}

.icon-img {
    color: #6c757d;
}