.star-rating {
        direction: rtl;
        display: inline-block;
        cursor: pointer;
    }

    .star-rating input {
        display: none;
    }

    .star-rating label {
        color: #ddd;
        font-size: 24px;
        padding: 0 2px;
        cursor: pointer;
        transition: all 0.2s ease;
    }

    .star-rating.readonly,
    .star-rating.readonly label {
        cursor: default;
    }

    .star-rating label:hover,
    .star-rating label:hover~label,
    .star-rating input:checked~label {
        color: #ffc107;
    }

    .star-rating.readonly label:hover,
    .star-rating.readonly label:hover~label {
        color: #ddd;
    }

    .star-rating.readonly input:checked~label {
        color: #ffc107;
    }

    .star-rating.readonly.product-page {
        font-size: 16px;
    }

    .star-rating.readonly.product-page label {
        font-size: 16px;
    }