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