.recipe-product-wrapper{
      max-width: 856px;
    margin: 0px auto;
    row-gap: 25px;
  .recipe-product-container{
    padding: 8px;
    @media screen and (max-width: 749px){
      flex-direction: column-reverse;
      padding:0px;
      margin-bottom: 20px;
    }
    .recipe-product-metadata{
      padding: 30px;
      width: calc(100% - 332px);
      @media screen and (max-width: 749px){
        padding: 25px 30px;
        width: 100%;
      }
      .inner{
          max-width: 462px;
        .button{
          font-size: 31px;
          padding-top: 11px;
          padding-bottom: 7px;
        }
        .body-title{
          font-size: 33px;
          color: rgba(var(--color-foreground), 1);
        }
        .recipe__title{
          margin: 0px 0px 12px 0px;
          @media screen and (max-width: 749px){
            min-height: auto;
            font-size: 40px;
          }
        }
        .button{
          margin-top: 25px;
              height: 55px;
    margin-top: auto;
        }
      }
    }
    .recipe-product-banner{
      width: 332px;
      min-width: 332px;
      max-width: 100%;
       @media screen and (max-width: 749px){
        width: 100%;
        min-width: 100%;
        line-height: 0.5;
        img{
          border-width:0;
          border-top-width: 2px;
          border-top-right-radius:0;
          border-top-left-radius:0;
        }
      }
    }
  }
}

.flower-1{
bottom: calc(100% - 24px);
z-index: -1;
right: 66px;
}
.flower-2{
right: calc(100% - 47px);
top: calc(100% - 115px);
} 
.flower-4{
  top:38%;
}
.flower-5{
left: calc(100% - 28px);
z-index: -1;
top: 50%;
transform: translateY(-50%);
}
.flower-6{
right: calc(100% - 44px);
z-index: -1;
}
.flower-7{
top: calc(100% + 26px);
transform: translateX(-50%);
left: 50%;
position: absolute;
  z-index: -1;
}
.flower-3{
  top:19%;
}
.blog-btn-wrapper{
  max-width: 856px;
  display: flex;
  justify-content: flex-end;
  margin:0px auto;
  padding: 44px 0px;
  a{
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 33px;
    text-decoration:none;
    .svg-wrapper{
      width: 30px;
      height: 30px;
    }
    &:hover{
      text-decoration: underline;
    }
  }
  @media screen and (max-width: 749px){
    display: none; 
  }
}