.recipes {
    padding: 10px;
}

.recipe {
    padding: 10px;
}

.recipe_figure {
    position: relative;
}

.recipe_figure img {
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), color-stop(50%, rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
}

.recipe_figure_caption {
    position: absolute;
    bottom: 10px;
    right: 0;
    background-color: inherit;
    padding: 10px;
}

.recipe_content {
    border: 1px solid orange;
    height: 100%;
}
.recipe_text {
    padding: 20px;
}

.recipe_stars {
    display: flex;
    align-items: end;
}

.recipe_stars_svg {
    width: 95px;
    height: 16px;
    display: block;
    margin: 0 0.5rem 0 auto;
}

.recipe_stars_text {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 1rem;
}

.recipe_details summary {
    margin: 0 -10px;
    padding: 0 10px;
    border-top: 1px solid rgba(255,165,0,1);
    border-bottom: 1px solid rgba(255,165,0,1);
}

.recipe_details:not([open]) + .recipe_details summary {
    border-top: 0;
}