[Duda] Hover en Pseudo-elementos

¡Hola Kevin!

Para lograr que solo se agrande la estrella al hacer hover en cada pseudo-elemento, debes aplicar la propiedad transform: scale(1.2); directamente en el pseudo-elemento que contiene la estrella. Para ello, debes seleccionar el pseudo-elemento correspondiente y aplicarle la propiedad.

Aquí te dejo un ejemplo de cómo podrías hacerlo:

.items::before {
  content: "\2605"; /* Código unicode de la estrella */
  display: inline-block;
  transform: scale(1); /* Escala inicial */
  transition: transform 0.2s ease-in-out; /* Transición suave */
}

.items:hover::before {
  transform: scale(1.2); /* Escala al hacer hover */
}

En este ejemplo, el pseudo-elemento ::before contiene la estrella y se le aplica la propiedad transform: scale(1); para establecer una escala inicial. Luego, al hacer hover en el elemento .items, se selecciona el pseudo-elemento correspondiente y se le aplica la propiedad transform: scale(1.2); para agrandar la estrella.

Espero que esta respuesta te haya sido útil. ¡Buenos estudios!