.custom-button-add {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 24px;
    font-size: 14px;
    font-weight: 500;
    color: #6b5de7; /* Color del texto */
    background-color: transparent; /* Fondo transparente */
    border: 1px solid;
    border-color: rgba(96, 93, 236, 1);
    border-radius: 4px; /* Bordes redondeados */
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

    .custom-button-add .icon {
        margin-right: 8px; /* Espaciado entre el icono y el texto */
        font-size: 24px;
        font-weight: bold;
    }

    .custom-button-add:hover {
        background-color: #6b5de7; /* Fondo al pasar el mouse */
        color: white; /* Color del texto al pasar el mouse */
    }

    .custom-button-add:active {
        background-color: #5848c2; /* Fondo al hacer clic */
    }