.rating-wrapper {
    align-self: center;
    box-shadow: 4px 4px 20px rgb(198 206 237 / 50%), -4px -4px 20px rgb(255 255 255 / 50%), inset 0px 0px 4px rgb(255 255 255 / 10%), inset 4px 4px 15px rgb(198 206 237 / 10%);
    border-radius: 1.5rem;
    direction: rtl !important;
    padding: 1.1rem 1.5rem;
    margin-left: auto;
}

    .rating-wrapper label {
        color: #E1E6F6;
        cursor: pointer;
        display: inline-flex;
        font-size: 2rem;
        transition: color 0.5s;
    }

    .rating-wrapper svg {
        -webkit-text-fill-color: transparent;
        -webkit-filter: drop-shadow 4px 1px 6px #c6ceed;
        filter: drop-shadow(5px 1px 3px #c6ceed);
    }

    .rating-wrapper input {
        height: 100%;
        width: 100%;
    }

    .rating-wrapper input {
        display: none;
    }

        .rating-wrapper label:hover,
        .rating-wrapper label:hover ~ label,
        .rating-wrapper input:checked ~ label {
            color: #34AC9E;
        }

            .rating-wrapper label:hover,
            .rating-wrapper label:hover ~ label,
            .rating-wrapper input:checked ~ label {
                color: #34AC9E;
            }