.ingredient{text-align:center;cursor:pointer;background-color:#fff;border:1px solid #000;border-radius:15px;margin:5px;padding:1rem;font-family:arial;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 0 5px #000}.ingredient:hover{box-shadow:none;background-color:#f60;transition:transform .3s,box-shadow .3s,background-color .3s;transform:translateY(-5px)}.ingredient__image{border-radius:12px;width:115%;height:200px;margin-bottom:.75rem;overflow:hidden}.ingredient__image img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.5,0,.2,1);display:block}.ingredient__image:hover img{transform:scale(1.5)}.ingredient__title h3{color:#000;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;font-weight:600;overflow:hidden}.ingredient__content .price{color:green;font-size:1rem;font-weight:700}.btn-white{color:#fff;cursor:pointer;background-color:#f60;border:1px solid #000;border-radius:8px;padding:.5rem 1.2rem;font-size:1rem;transition:all .3s}.btn-white:hover{color:#fff;background-color:#000;border-color:#fff}@media (max-width:768px){.ingredient{padding:.5rem}.ingredient__image{height:200px}.ingredient__title h3{font-size:1rem}.ingredient__content .price{font-size:.95rem}}
