#gl-massive-cart{
    background-color: rgba(244, 244, 244);
    margin-top: 30px;
    padding: 10px;
    border-radius: 4px;
    opacity: 0.9;
}

#gl-massive-cart .title
{
    color: var(--primary-color);
}


#formMassiveCart label{
    color: var(--dark-color);
}

#gl-massive-cart .btn-link{

    color: var(--primary-color);
    font-size: 0.6em;
    background-color: azure;
    font-weight: 600;
}

#gl-massive-cart .btn-link:hover{

    opacity: 0.8;
}


/* Estilos para el ícono dentro del botón */
.btn .icon-bg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #ffc107; /* Color de fondo del ícono */
    color: azure; /* Color del ícono */
    width: 24px; /* Ancho del ícono */
    height: 24px; /* Altura del ícono */
    border-radius: 50%; /* Forma circular del ícono */
    margin-right: 8px; /* Espacio entre el ícono y el texto */
}

.btn .icon-bg i {
    font-size: 14px; /* Tamaño del ícono */
}


 .i-line {
    position: relative;
    display: inline-block;
  }
  
  .i-line::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -25%; /* Ajusta este valor para centrar mejor la línea */
    width: 160%; /* Ajusta este valor para que la línea cruce completamente el icono */
    height: 2px; /* Ajusta el grosor de la línea según tus necesidades */
    /* border: 0.01em solid black; */
    background-color: rgb(177, 176, 176); /* Cambia el color de la línea si es necesario */
    transform: translateY(-50%) rotate(-40deg); /* Rota la línea 45 grados para hacerla diagonal */
  }
  


  @media (max-width: 767.98px) {
    .btn-group .btn {
        width: initial;
    }
    .btn-primary{
        margin-bottom: 10px;
    }

   /*  .btn-group > .xs-w-100 {
        width: 80%;
    } */
}