.reactBoutique{
  flex:1;
  position:relative;
  width: -webkit- clamp(100px,100%,1000px); /* Safari */
  width: clamp(100px,100%,1000px);
  padding:10px;
  display:-webkit-box; /* Safari */
  display:-ms-flexbox; /* IE */
  display:flex;
  -webkit-box-orient:vertical; /* Safari */
  -webkit-box-direction:normal; /* Safari */
      -ms-flex-direction:column; /* IE */
          flex-direction:column;
  -webkit-box-align:stretch; /* Safari */
      -ms-flex-align:stretch; /* IE */
          align-items:stretch;
  -webkit-box-pack:start; /* Safari */
      -ms-flex-pack:start; /* IE */
          justify-content:flex-start;
  position:relative;
  background-color:#FEF2DF;
}

.reactBoutique > *{
  flex:1;
}

.reactBoutiqueList{
  width:100%;
  display:-webkit-box; /* Safari */
  display:-ms-flexbox; /* IE */
  display:flex;
  -webkit-box-wrap:wrap; /* Safari */
      -ms-flex-wrap:wrap; /* IE */
          flex-wrap:wrap;
  margin:0 auto;
  -webkit-box-pack:center; /* Safari */
      -ms-flex-pack:center; /* IE */
          justify-content:center;
  gap:20px;
}

.reactBoutiqueList > div{
  max-width: 300px;
}

.reactBoutique button{
  background-color: #4CAF50; /* Set the background color */
  border: none; /* Remove the border */
  color: white; /* Set the text color */
  padding: 10px 20px; /* Add padding */
  text-align: center; /* Center the text */
  text-decoration: none; /* Remove underline from the text */
  display: inline-block; /* Set display property to inline-block */
  font-size: 16px; /* Set font size */
  margin: 4px 2px; /* Add margin */
  cursor: pointer; /* Add a pointer cursor on hover */
  border-radius: 4px; /* Add rounded corners */
}

.reactBoutique .cart img{
  width:20px;
  cursor:pointer;
}

.reactBoutique .cart div{
  text-align: center;
}

.reactBoutique .menu{
  flex:0;
  grid-column: 1 / -1;
  display:flex;
  justify-content: flex-end;
}

.reactBoutique .hide{
  display:none;
}

.exit{
  cursor:pointer;
  color:blue;
  /*justify-self: center;*/
}