/* Add custom CSS styles below */ 

  button[product-id] {
    background-color: #003366 !important; /* أزرق غامق */
    color: #ffffff !important;            /* نص أبيض */
    border: none !important;
    transition: all 0.3s ease;
  }
  button[product-id]:hover {
    opacity: 0.9;
       background-color: #ff69b4 !important; /* وردي */
    color: #003366!important; 
  }

  /* عند الضغط */
  button[product-id]:active {
    background-color: #ff69b4 !important; /* وردي */
    color: #003366 !important;            /* نص أزرق غامق */
  }