.rating {
    display: flex;
    /* position: absolute; */
    bottom: 40px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.star {
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: background-image 0.3s;
    background-image: url('/assets/img/icons/star_empty.svg');
}

.star:hover {
    background-image: url('/assets/img/icons/star_full.svg');
    transform: scale(1.2);
}

.star.filled {
    background-image: url('/assets/img/icons/star_full.svg');
}

.rating .star {
    transition: background-image 0.3s;
}