.rating {
            text-align: center;
            margin: 0 auto;
        }

        .rating input[type="radio"] {
            display: none;
        }

        .rating label {
            font-size: 50px;
            cursor: pointer;
            display: inline-block;
            position: relative;
            color: #ccc;
        }

        .rating label:hover:before,
        .rating label:hover ~ label:before {
            content: "\2605";
            position: absolute;
            color: gold;
        }

        .rating input[type="radio"]:checked ~ label:before {
            content: "\2605";
            position: absolute;
            color: gold;
        }

        #current-rating {
            margin-top: 20px;
            text-align: center;
        }
  .star {
    color: gold;
    font-size: 20px; /* Ajusta el tamaño de la estrella según sea necesario */
}