.section {
  background-color: #ffffff;
  /* Light background color */
}

.rounded-image {
  border-radius: 33px;
  /* Adjust the radius as needed */
  border: 3px solid #1f1f1f;
  /* Optional: Add a border for better appearance */
}

ul.content {
  list-style-type: disc;
  /* Lista puntata */
  padding-left: 20px;
  /* Ensure some left margin for the bullet points */
}

.custom-title {
  font-size: 5.7rem;
  /* You can adjust this value as needed */
}

.title {
  color: black;
  /* Dark text color for title */
}

.content li {
  color: #3e3f3f;
  /* Blue text for ingredients */
}

.instructions-section {
  color: #3e3f3f;
}

.circular-button {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 0;
  border: 2px solid black;
  background-color: transparent;
}

.circular-button img {
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -46%) scale(0.8);
  position: absolute;
}

.buttons-container {
  margin-top: 60px;
  /* Adds space above the buttons */
  display: flex;
  /* Use flexbox to center the buttons */
  justify-content: center;
  /* Centers the buttons horizontally */
  gap: 20px;
  /* Optional: adds spacing between the buttons */
}

.is-clicked-heart-bg {
  background-color: rgb(241, 186, 186);
}