body{
    display: flex;
    position: fixed;
    align:center;
width: 297px;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
border-radius: 4px;
background: var(--Shades-White, #FFF);
color:Neutral / 200;
}
.card-img{
    display: flex;
height: 186px;
padding: 10px 10px 144px 223px;
justify-content: flex-end;
align-items: center;
align-self: stretch;
border-radius: 4px;
background: url(<path-to-image>) lightgray 50% / cover no-repeat;
color:Neutral / 800;
}
.card-body{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
align-self: stretch;
color-scheme:Neutral / 500;
color-scheme:Neutral / 800;
color-scheme:Shades/White;
}
.card-subtitle{
    height: 19px;
align-self: stretch;
overflow: hidden;
color: var(--Neutral-500, #64748B);
text-overflow: ellipsis;
white-space: nowrap;
font-family: 'Manrope';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
color-scheme: Neutral / 500;
}
.price{
    color: var(--Neutral-800, #191D23);
font-family: Manrope;
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
.card-title{
    display: flex;
height: 21px;
flex-direction: column;
justify-content: center;
align-self: stretch;
overflow: hidden;
color: var(--Neutral-800, #191D23);
text-overflow: ellipsis;
white-space: nowrap;
font-family: Manrope;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
color-scheme:(--Neutral- 800);
}

.card-text{
    height: 84px;
align-self: stretch;
overflow: hidden;
color: var(--Neutral-800, #191D23);
text-overflow: ellipsis;

font-family: 'Manrope';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;

}
.a{
    color: var(--Neutral-800, #191D23);
font-feature-settings: 'liga' off, 'clig' off;
font-family: 'Manrope';
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.card-btn{
    display: flex;
padding: 18px;
justify-content: center;
align-items: center;
gap: 4px;
flex: 1 0 0;
border-radius: 4px;
size:25px;
/* background: var(--Success-Green-700, #047857); */
}