correct 16+

style.css

@@ -682,10 +682,7 @@ a{
     margin-bottom: 28px;
   }  
 
-  #rating{
-    width: 20%;
-    text-align: right;
-  }
+ 
 
   #pere{
     width: 40%;
@@ -2117,7 +2114,7 @@ a{
 }
 
 
-.rating{
+/*.rating{
   border-radius: 50%;
   background-color: white;
   color: white;
@@ -2128,6 +2125,26 @@ a{
   text-align: center;
   font-size: 15px;
   font-weight: bold;
+}*/
+
+.rating{
+  padding: 15px;
+  margin: 5px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 50%;
+  width: 50px;
+  height: 50px;
+  max-width: 50px;
+  max-height: 50px;
+  background-color: #ACACAC;
+  color:white;
+}
+
+.rating-num{
+  font-size: 1rem;
+
 }
 
 
@@ -2714,7 +2731,8 @@ box-shadow: 1px 1px 3px #000;
     font-size: 24px;
   }
 
-  
+
+
   #left{
     display: none;
   }
@@ -3062,18 +3080,10 @@ and (max-device-width : 667px) {
     border-bottom: 3px solid #F18129;
   }
 
-  .rating{
-    color: black;
-    background: #E2E2E2;
-    width: 4em;
-    height: 4em;
-    line-height: 4em;
-    text-align: center;
-    font-size: 15px;
-    font-weight: bold;
-  }
-  
 
+  #pere {
+    display: none;
+  }
 
   
 }