.star-wrapper {
    left: 0;
    width: 100%;
    direction: rtl;
}

.star-wrapper a {
    font-size: 1.5em;
    color: #fff;
    text-decoration: none;
    transition: all 0.5s;
    margin: 2px;
}

.star-wrapper a:hover {
    color: gold;
    transform: scale(1.3);
}

.s1:hover~a {
    color: gold;
}

.s2:hover~a {
    color: gold;
}

.s3:hover~a {
    color: gold;
}

.s4:hover~a {
    color: gold;
}

.s5:hover~a {
    color: gold;
}

.s6:hover~a {
    color: gold;
}

.s7:hover~a {
    color: gold;
}

.s8:hover~a {
    color: gold;
}

.s9:hover~a {
    color: gold;
}

.s10:hover~a {
    color: gold;
}

.wraper {
    position: absolute;
    bottom: 30px;
    right: 50px;
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
    color: #c59b08;
}

.review_label {
    width: 70%;
    margin-left: 2%;
    font-size: large;
    padding: 5px 5px;
    margin: 8px 0;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: white;
}

.review_input {
    width: 70%;
    height: 50px;
    margin-left: 2%;
    padding: 5px 5px;
    margin: 8px 0;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;
}

.review_button {
    width: 30%;
    background-color: #4CAF50;
    font-size: 14pt;
    color: white;
    padding: 14px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.review_title {
    color: white;
    margin-top: 50px;
}

.slide-in-panel {
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: -35%;
    width: 35%;
    height: 100%;
    background-color: black;
    text-align: center; 
    z-index: 950;
    transition: right 0.3s ease-out;
}