.center {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* border: solid; */
}

.center .stars {
    height: 150px;
    width: 500px;
    text-align: center;
    /* border: solid rgb(9, 206, 206); */
}

.stars input {
    display: none;
}

.stars label {
    float: right;
    font-size: 100px;
    color: lightgrey;
    margin: 0 5px;
    text-shadow: 1px 1px #bbb;
}

.stars label:before {
    content: '★';
}

.stars input:checked~label {
    color: gold;
    text-shadow: 1px 1px #c60;
}

.stars:not(:checked)>label:hover,
.stars:not(:checked)>label:hover~label {
    color: gold;
}

.stars input:checked>label:hover,
.stars input:checked>label:hover~label {
    color: gold;
    text-shadow: 1px 1px goldenrod;
}

.stars .result:before {
    position: absolute;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    bottom: -30px;
    font-size: 35px;
    font-weight: 500;
    color: gold;
    font-family: 'Poppins', sans-serif;
    display: none;
}

.stars input:checked ~.result:before {
    display: block;
}
 
.stars #five:checked~.result:before {
    content: "Eu amei  😍";
}
.stars #four:checked~.result:before {
    content: "Eu gostei  😎";
}
.stars #theree:checked~.result:before {
    content: "É bom  ☺️";
}
.stars #two:checked~.result:before {
    content: "Não gostei  😐";
}
.stars #one:checked~.result:before {
    content: "Eu odiei  😬";
}