.wrapper-feedback-my {
    /* background: #fff; */
    /* margin: auto auto 2rem; */
    /* box-shadow: 3px 3px 9px hsla(240, 14%, 69%, .2); */
    /* text-align: center; */
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    flex-direction: column;
    grid-gap: .5rem;
    font-size: 2rem;
    color: #ffbd13
}

.wrapper-feedback-my h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem
}

.wrapper-feedback-my .rating .star {
    cursor: pointer
}

.wrapper-feedback-my .rating .star.active {
    opacity: 0;
    animation: animate .5s calc(var(--i) * .1s) ease-in-out forwards
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(1.2)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.wrapper-feedback-my .rating .star:hover {
    transform: scale(1.1)
}