.cartList {
  display: grid;
  grid-template-columns: repeat(9, max-content);
  row-gap: 10px;
  align-items: center;
  justify-items: end;
}

.cartList > * {
  margin: 0 0.5em;
}

.productName {
  grid-column: 1 / -1;
  justify-self: start;
}

.productImage {
  width: 64px;
}

.stockQty {
  color: white;
}

.totalCostWrapper {
  grid-column: 1 / -1;
}

.totalLabel {
  margin-right: 0.5em;
}

.btn-link {
  grid-column: 1 / -1;
  padding: 10px 20px;
  background-color: blue;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}

.btn-link.disabled {
  background-color: #cccccc;
  color: #666666;
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

.btn-link:hover {
  background-color: #0056b3;
}

@media (min-width: 768px) {
  .cartList {
    grid-template-columns: repeat(10, max-content);
  }
  .productName {
    grid-column: auto;
    justify-self: end;
  }
}