.cards-container{
    padding: 20px;
    gap: 148px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.card{
    width: 470px;
    height: 734px;
    border: 3px solid var(--primary);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.card-image{
    width: 402px;
    height:402px;
    border-radius: 20px;
}
.stars{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.star{
    width: 50px;
}
.main-card{
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    width:470px;
    margin:10px;
}
.card p{
    margin:20px;
}
.rate{
    display:flex;
    flex-direction:row;
    margin:0 20px 20px 20px;
    justify-content:space-around
}
.card .button{
    padding: 20px 150px;
}
.rate .rate-note{
    width:69px;
}