.card-recipe{--radius:21px;display:flex;flex-direction:column;justify-content:space-between;width:30%;border-radius:var(--radius);background-color:var(--white-color);overflow:hidden;transition:var(--regular-transi);position:relative}@media (max-width:1060px){.card-recipe{width:100%}}@media (min-width:1061px)and (max-width:1200px){.card-recipe{width:45%}}.card-recipe>a{display:flex}.card-recipe:focus,.card-recipe:hover{box-shadow:3px 3px 9px var(--grey-color)}.card-recipe:focus>a,.card-recipe:hover>a{cursor:pointer}.recipe-parts{margin-top:1rem}.recipe-content{padding:var(--regular-spacing)}.recipe-timing{--radius:20px;--pos:18px;position:absolute;top:var(--pos);right:var(--pos);width:fit-content;background:var(--secondary-color);padding:.35rem 1rem;color:var(--grey-dark-color);border-radius:var(--radius)}.recipe-thumbnail{max-width:100%;height:250px;object-fit:cover;flex-grow:1;background:var(--corporate-color);color:var(--white-color);text-decoration-line:unset;font-size:1.25rem;display:flex;justify-content:center;align-items:center}.recipe-title{margin-block:.5rem;font-family:var(--title-font-family);font-size:1.25rem;font-weight:var(--weight-regular);color:var(--black-color)}.recipe-subtitle{margin-block:1rem;font-family:var(--body-font-family);font-size:.95rem;font-weight:var(--weight-bold);color:var(--grey-color);text-transform:uppercase}.recipe-description{font-size:.9rem;font-weight:var(--weight-regular);color:var(--black-color)}.recipe-list{--gap:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:var(--gap);list-style-type:none;margin:0;padding:0}.recipe-ingredient{display:flex;flex-direction:column;justify-content:center;width:50%;font-size:.9rem}.recipe-taglist{--gap:2rem;display:flex;flex-wrap:wrap;margin-block:1.25rem;gap:calc(var(--gap)/2) var(--gap)}.recipe-tag{--radius:20px;display:flex;justify-content:center;align-items:center;width:190px;height:fit-content;background:var(--secondary-color);padding:1rem .88rem;color:var(--grey-dark-color);border-radius:var(--radius)}.recipe-tag>i{margin-left:1.2rem;cursor:pointer;font-size:1.2rem}.recipe-tag>i:focus,.recipe-tag>i:hover{color:#fff}.recipe-quantity{color:var(--grey-color)}.recipe-ustensil{display:flex;flex-flow:column wrap;justify-content:center;color:var(--primary-color);text-decoration:none}.recipe-badge{position:absolute;top:220px;left:12px;padding:.5rem 1rem;border-radius:0 var(--radius);background-color:var(--primary-color);color:var(--white-color)}