.cart-checkout-section {
  visibility: hidden;
  display: flex;
  flex-direction: column;

  border-radius: 10px;
  padding: 5px;
}

.cart-checkout {
  display: flex;
  gap: 20px;
  /* border: 10px solid rgb(255, 186, 179); */
}

.cart-preview {
  display: flex;
  flex-direction: column;
  border: 5px solid rgb(255, 186, 179);
  border-radius: 5px;
  padding: 8px;
}

.total-cost {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 8px;
  border: 2px solid rgb(255, 125, 125);

  margin-top: 10px;
}

.contact-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 5px solid rgb(255, 186, 179);
  border-radius: 5px;
  padding: 8px;
}

.item-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.item-container .container {
  display: flex;
  justify-content: space-between;
}

.buttonContainer {
  /* margin-left: 20px; */
}

.item-cost {
  margin-right: 20px;
}

.removeButton,
.editButton {
  font-size: smaller;
  text-decoration: underline;
  padding: 0px;
  margin-right: 5px;
  margin-left: 5px;

  background-color: rgba(255, 255, 255, 0);
  border: none;
  cursor: pointer;
}

.contact-info,
.bill-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* border: 5px solid rgb(255, 186, 179); */
}

@media (max-width: 530px) {
  .cart-checkout {
    flex-direction: column;
  }
  .cart-preview,
  .contact-form,
  .contact-info,
  .bill-info {
    width: 90%;
  }
}
@media (min-width: 531px) {
  .cart-checkout {
    flex-direction: row;
  }
  .cart-preview,
  .contact-form,
  .contact-info,
  .bill-info {
    width: 100%;
  }
}