*{margin:0;padding:0}body{background-color:#f2eae2;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:.625rem}body .card-component{width:350px;height:750px;display:flex;flex-direction:column}@media(min-width:600px){body .card-component{width:37.5rem;height:28.5rem;flex-direction:row}}body .card-component picture img{width:350px;height:342px;border-radius:8px 8px 0 0;display:block}@media(min-width:600px){body .card-component picture img{width:300px;height:456px;border-radius:8px 0 0 8px}}body .card-component .content{width:350px;height:408px;display:flex;flex-direction:column;gap:24px;padding:32px;background-color:#fff;box-sizing:border-box;border-radius:0 0 8px 8px}@media(min-width:600px){body .card-component .content{width:300px;height:456px;display:flex;justify-content:space-between;border-radius:0 8px 8px 0}}body .card-component .content .title{display:flex;flex-direction:column;height:214px;gap:24px}@media(min-width:600px){body .card-component .content .title{height:248px}}body .card-component .content .title .catg{font-family:montserrat,sans-serif;font-weight:500;font-size:.75rem;line-height:1.2;letter-spacing:.3125rem;color:#6c7289}body .card-component .content .title h1{font-family:fraunces,serif;font-weight:700;font-size:2rem;line-height:1;letter-spacing:0;color:#1c232b}body .card-component .content .title .desc{font-family:montserrat,sans-serif;font-weight:500;font-size:14px;line-height:1.6;letter-spacing:0;color:#6c7289}body .card-component .content .price{display:flex;align-items:center;gap:16px}body .card-component .content .price .pact{font-family:fraunces,serif;font-weight:700;font-size:2rem;line-height:1;letter-spacing:0;color:#3d8168}body .card-component .content .price .pant{font-family:montserrat,sans-serif;font-weight:500;font-size:.8125rem;line-height:1.2;letter-spacing:0;color:#6c7289;text-decoration:line-through}body .card-component .content .btn{display:flex;height:50px;border-radius:8px;align-items:center;justify-content:center;gap:8px;padding-inline:2rem;padding-block:1rem;background-color:#3d8168}body .card-component .content .btn .add{font-family:montserrat,sans-serif;font-weight:700;font-size:.875rem;line-height:1.1;letter-spacing:0;color:#fff}body .card-component .content .btn:hover{background-color:#1a4032;cursor:pointer}body .attribution{font-size:15px}body .attribution a{font-family:montserrat,sans-serif;font-weight:500;font-size:.8125rem;line-height:1.2;letter-spacing:0;color:#1a4032}