diff --git a/src/css/star.scss b/src/css/star.scss
index 241c60a..b092bb1 100644
--- a/src/css/star.scss
+++ b/src/css/star.scss
@@ -3,7 +3,6 @@ $starHue: 38;
 
 :root {
 	--yellow: #{hsl($starHue,90%,55%)};
-	--yellow-t: #{hsla($starHue,90%,55%,0)};
 	--bezier: cubic-bezier(0.42,0,0.58,1);
 	--trans-dur: 0.3s;
 }
@@ -113,13 +112,6 @@ $starHue: 38;
 	&__input-5:checked ~ &__label:nth-of-type(-n + 5) &__star-fill {
 		animation-name: starFill;
 	}
-	&__input-1:not(:checked):hover ~ &__label:first-of-type &__star-fill,
-	&__input-2:not(:checked):hover ~ &__label:nth-of-type(2) &__star-fill,
-	&__input-3:not(:checked):hover ~ &__label:nth-of-type(3) &__star-fill,
-	&__input-4:not(:checked):hover ~ &__label:nth-of-type(4) &__star-fill,
-	&__input-5:not(:checked):hover ~ &__label:nth-of-type(5) &__star-fill {
-		fill: var(--yellow-t);
-	}
 	// screen reader text
 	&__sr {
 		clip: rect(1px,1px,1px,1px);
diff --git a/src/js/helper/get-access.js b/src/js/helper/get-access.js
index f42e009..0e3cfe4 100644
--- a/src/js/helper/get-access.js
+++ b/src/js/helper/get-access.js
@@ -36,7 +36,7 @@ async function patchAccess({ id, formData }) {
   try {
     const response = await axios.patch(
       `https://energyflow.b.goit.study/api/exercises/${id}/rating`, formData);
-    iziToastFunctions.getSuccessInfo('Rating has been updated');
+    iziToastFunctions.getSuccessInfo('Thank you! Your opinion really important for us!');
 
     return response;
   }
diff --git a/src/js/modal-window.js b/src/js/modal-window.js
index a44cf06..fb4bf8b 100644
--- a/src/js/modal-window.js
+++ b/src/js/modal-window.js
@@ -5,6 +5,8 @@ export const refs = {
   closeIcon: document.querySelector('.js-modal-window'),
   galleryWindow: document.querySelector('.js-gallery'),
   ratingBtn: document.querySelector('.js-open-rating'),
+  formRating: document.querySelector('.js-form'),
+  numberRating: document.querySelector('.js-rating'),
 }
 export let idExercises;
 
@@ -35,6 +37,9 @@ function closeModal() {
   refs.backdrop.classList.add('is-open');
   document.body.style.overflow = '';
 
+  refs.formRating.reset();
+  refs.numberRating.textContent = '0.0';
+
   clearModalContent();
 }
 
diff --git a/src/js/rating.js b/src/js/rating.js
index 781f6ee..ed53a6a 100644
--- a/src/js/rating.js
+++ b/src/js/rating.js
@@ -58,7 +58,7 @@ refsRating.backdrop.addEventListener('click', function (event) {
     }
 });
 
-export const timeToClose = () => setTimeout(() => closeModal(), 1500)
+export const timeToClose = () => setTimeout(() => closeModal(), 1000)
 
 // Функція відправки рейтенгу
 refsRating.formRating.addEventListener('submit', sendRating)
@@ -80,8 +80,9 @@ function sendRating(event) {
             formData: objectDate,
         })
             .then(() => {
-                timeToClose();
                 refsRating.formRating.reset();
+                refsRating.numberRating.textContent = '0.0';
+                timeToClose();
             })
             .catch((error) => {
                 console.log(error);
diff --git a/src/partials/rating.html b/src/partials/rating.html
index 38af5a9..ec73401 100644
--- a/src/partials/rating.html
+++ b/src/partials/rating.html
@@ -6,405 +6,404 @@
       </svg>
     </button>
     <div>
-      <h2 class="rating-title">Rating</h2>
+      <form class="js-form">
+        <h2 class="rating-title">Rating</h2>
 
-      <div class="rating-thumb">
-        <p class="raiting-number js-rating">0.0</p>
-        <div class="rating__stars">
-          <input
-            id="rating-1"
-            class="rating__input rating__input-1"
-            type="radio"
-            name="rating"
-            value="1"
-          />
-          <input
-            id="rating-2"
-            class="rating__input rating__input-2"
-            type="radio"
-            name="rating"
-            value="2"
-          />
-          <input
-            id="rating-3"
-            class="rating__input rating__input-3"
-            type="radio"
-            name="rating"
-            value="3"
-          />
-          <input
-            id="rating-4"
-            class="rating__input rating__input-4"
-            type="radio"
-            name="rating"
-            value="4"
-          />
-          <input
-            id="rating-5"
-            class="rating__input rating__input-5"
-            type="radio"
-            name="rating"
-            value="5"
-          />
-          <label class="rating__label" for="rating-1" data-value="1">
-            <svg
-              class="rating__star"
-              width="32"
-              height="32"
-              viewBox="0 0 32 32"
-              aria-hidden="true"
-            >
-              <g transform="translate(16,16)">
-                <circle
-                  class="rating__star-ring"
-                  fill="none"
-                  stroke="#000"
-                  stroke-width="16"
-                  r="8"
-                  transform="scale(0)"
-                />
-              </g>
-              <g
-                stroke="#000"
-                stroke-width="2"
-                stroke-linecap="round"
-                stroke-linejoin="round"
+        <div class="rating-thumb">
+          <p class="raiting-number js-rating">0.0</p>
+          <div class="rating__stars">
+            <input
+              id="rating-1"
+              class="rating__input rating__input-1"
+              type="radio"
+              name="rating"
+              value="1"
+            />
+            <input
+              id="rating-2"
+              class="rating__input rating__input-2"
+              type="radio"
+              name="rating"
+              value="2"
+            />
+            <input
+              id="rating-3"
+              class="rating__input rating__input-3"
+              type="radio"
+              name="rating"
+              value="3"
+            />
+            <input
+              id="rating-4"
+              class="rating__input rating__input-4"
+              type="radio"
+              name="rating"
+              value="4"
+            />
+            <input
+              id="rating-5"
+              class="rating__input rating__input-5"
+              type="radio"
+              name="rating"
+              value="5"
+            />
+            <label class="rating__label" for="rating-1" data-value="1">
+              <svg
+                class="rating__star"
+                width="32"
+                height="32"
+                viewBox="0 0 32 32"
+                aria-hidden="true"
               >
-                <g transform="translate(16,16) rotate(180)">
-                  <polygon
-                    class="rating__star-stroke"
-                    points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
+                <g transform="translate(16,16)">
+                  <circle
+                    class="rating__star-ring"
                     fill="none"
-                  />
-                  <polygon
-                    class="rating__star-fill"
-                    points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
-                    fill="#000"
+                    stroke="#000"
+                    stroke-width="16"
+                    r="8"
+                    transform="scale(0)"
                   />
                 </g>
                 <g
-                  transform="translate(16,16)"
-                  stroke-dasharray="12 12"
-                  stroke-dashoffset="12"
+                  stroke="#000"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
                 >
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(0)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(72)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(144)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(216)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(288)"
-                    points="0 4,0 16"
-                  />
+                  <g transform="translate(16,16) rotate(180)">
+                    <polygon
+                      class="rating__star-stroke"
+                      points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
+                      fill="none"
+                    />
+                    <polygon
+                      class="rating__star-fill"
+                      points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
+                      fill="#000"
+                    />
+                  </g>
+                  <g
+                    transform="translate(16,16)"
+                    stroke-dasharray="12 12"
+                    stroke-dashoffset="12"
+                  >
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(0)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(72)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(144)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(216)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(288)"
+                      points="0 4,0 16"
+                    />
+                  </g>
                 </g>
-              </g>
-            </svg>
-            <span class="rating__sr">1 star—Terrible</span>
-          </label>
-          <label class="rating__label" for="rating-2" data-value="2">
-            <svg
-              class="rating__star"
-              width="32"
-              height="32"
-              viewBox="0 0 32 32"
-              aria-hidden="true"
-            >
-              <g transform="translate(16,16)">
-                <circle
-                  class="rating__star-ring"
-                  fill="none"
-                  stroke="#000"
-                  stroke-width="16"
-                  r="8"
-                  transform="scale(0)"
-                />
-              </g>
-              <g
-                stroke="#000"
-                stroke-width="2"
-                stroke-linecap="round"
-                stroke-linejoin="round"
+              </svg>
+              <span class="rating__sr">1 star—Terrible</span>
+            </label>
+            <label class="rating__label" for="rating-2" data-value="2">
+              <svg
+                class="rating__star"
+                width="32"
+                height="32"
+                viewBox="0 0 32 32"
+                aria-hidden="true"
               >
-                <g transform="translate(16,16) rotate(180)">
-                  <polygon
-                    class="rating__star-stroke"
-                    points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
+                <g transform="translate(16,16)">
+                  <circle
+                    class="rating__star-ring"
                     fill="none"
-                  />
-                  <polygon
-                    class="rating__star-fill"
-                    points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
-                    fill="#000"
+                    stroke="#000"
+                    stroke-width="16"
+                    r="8"
+                    transform="scale(0)"
                   />
                 </g>
                 <g
-                  transform="translate(16,16)"
-                  stroke-dasharray="12 12"
-                  stroke-dashoffset="12"
+                  stroke="#000"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
                 >
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(0)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(72)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(144)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(216)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(288)"
-                    points="0 4,0 16"
-                  />
+                  <g transform="translate(16,16) rotate(180)">
+                    <polygon
+                      class="rating__star-stroke"
+                      points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
+                      fill="none"
+                    />
+                    <polygon
+                      class="rating__star-fill"
+                      points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
+                      fill="#000"
+                    />
+                  </g>
+                  <g
+                    transform="translate(16,16)"
+                    stroke-dasharray="12 12"
+                    stroke-dashoffset="12"
+                  >
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(0)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(72)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(144)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(216)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(288)"
+                      points="0 4,0 16"
+                    />
+                  </g>
                 </g>
-              </g>
-            </svg>
-            <span class="rating__sr">2 stars—Bad</span>
-          </label>
-          <label class="rating__label" for="rating-3" data-value="3">
-            <svg
-              class="rating__star"
-              width="32"
-              height="32"
-              viewBox="0 0 32 32"
-              aria-hidden="true"
-            >
-              <g transform="translate(16,16)">
-                <circle
-                  class="rating__star-ring"
-                  fill="none"
-                  stroke="#000"
-                  stroke-width="16"
-                  r="8"
-                  transform="scale(0)"
-                />
-              </g>
-              <g
-                stroke="#000"
-                stroke-width="2"
-                stroke-linecap="round"
-                stroke-linejoin="round"
+              </svg>
+              <span class="rating__sr">2 stars—Bad</span>
+            </label>
+            <label class="rating__label" for="rating-3" data-value="3">
+              <svg
+                class="rating__star"
+                width="32"
+                height="32"
+                viewBox="0 0 32 32"
+                aria-hidden="true"
               >
-                <g transform="translate(16,16) rotate(180)">
-                  <polygon
-                    class="rating__star-stroke"
-                    points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
+                <g transform="translate(16,16)">
+                  <circle
+                    class="rating__star-ring"
                     fill="none"
-                  />
-                  <polygon
-                    class="rating__star-fill"
-                    points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
-                    fill="#000"
+                    stroke="#000"
+                    stroke-width="16"
+                    r="8"
+                    transform="scale(0)"
                   />
                 </g>
                 <g
-                  transform="translate(16,16)"
-                  stroke-dasharray="12 12"
-                  stroke-dashoffset="12"
+                  stroke="#000"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
                 >
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(0)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(72)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(144)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(216)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(288)"
-                    points="0 4,0 16"
-                  />
+                  <g transform="translate(16,16) rotate(180)">
+                    <polygon
+                      class="rating__star-stroke"
+                      points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
+                      fill="none"
+                    />
+                    <polygon
+                      class="rating__star-fill"
+                      points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
+                      fill="#000"
+                    />
+                  </g>
+                  <g
+                    transform="translate(16,16)"
+                    stroke-dasharray="12 12"
+                    stroke-dashoffset="12"
+                  >
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(0)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(72)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(144)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(216)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(288)"
+                      points="0 4,0 16"
+                    />
+                  </g>
                 </g>
-              </g>
-            </svg>
-            <span class="rating__sr">3 stars—OK</span>
-          </label>
-          <label class="rating__label" for="rating-4" data-value="4">
-            <svg
-              class="rating__star"
-              width="32"
-              height="32"
-              viewBox="0 0 32 32"
-              aria-hidden="true"
-            >
-              <g transform="translate(16,16)">
-                <circle
-                  class="rating__star-ring"
-                  fill="none"
-                  stroke="#000"
-                  stroke-width="16"
-                  r="8"
-                  transform="scale(0)"
-                />
-              </g>
-              <g
-                stroke="#000"
-                stroke-width="2"
-                stroke-linecap="round"
-                stroke-linejoin="round"
+              </svg>
+              <span class="rating__sr">3 stars—OK</span>
+            </label>
+            <label class="rating__label" for="rating-4" data-value="4">
+              <svg
+                class="rating__star"
+                width="32"
+                height="32"
+                viewBox="0 0 32 32"
+                aria-hidden="true"
               >
-                <g transform="translate(16,16) rotate(180)">
-                  <polygon
-                    class="rating__star-stroke"
-                    points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
+                <g transform="translate(16,16)">
+                  <circle
+                    class="rating__star-ring"
                     fill="none"
-                  />
-                  <polygon
-                    class="rating__star-fill"
-                    points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
-                    fill="#000"
+                    stroke="#000"
+                    stroke-width="16"
+                    r="8"
+                    transform="scale(0)"
                   />
                 </g>
                 <g
-                  transform="translate(16,16)"
-                  stroke-dasharray="12 12"
-                  stroke-dashoffset="12"
+                  stroke="#000"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
                 >
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(0)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(72)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(144)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(216)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(288)"
-                    points="0 4,0 16"
-                  />
+                  <g transform="translate(16,16) rotate(180)">
+                    <polygon
+                      class="rating__star-stroke"
+                      points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
+                      fill="none"
+                    />
+                    <polygon
+                      class="rating__star-fill"
+                      points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
+                      fill="#000"
+                    />
+                  </g>
+                  <g
+                    transform="translate(16,16)"
+                    stroke-dasharray="12 12"
+                    stroke-dashoffset="12"
+                  >
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(0)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(72)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(144)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(216)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(288)"
+                      points="0 4,0 16"
+                    />
+                  </g>
                 </g>
-              </g>
-            </svg>
-            <span class="rating__sr">4 stars—Good</span>
-          </label>
-          <label class="rating__label" for="rating-5" data-value="5">
-            <svg
-              class="rating__star"
-              width="32"
-              height="32"
-              viewBox="0 0 32 32"
-              aria-hidden="true"
-            >
-              <g transform="translate(16,16)">
-                <circle
-                  class="rating__star-ring"
-                  fill="none"
-                  stroke="#000"
-                  stroke-width="16"
-                  r="8"
-                  transform="scale(0)"
-                />
-              </g>
-              <g
-                stroke="#000"
-                stroke-width="2"
-                stroke-linecap="round"
-                stroke-linejoin="round"
+              </svg>
+              <span class="rating__sr">4 stars—Good</span>
+            </label>
+            <label class="rating__label" for="rating-5" data-value="5">
+              <svg
+                class="rating__star"
+                width="32"
+                height="32"
+                viewBox="0 0 32 32"
+                aria-hidden="true"
               >
-                <g transform="translate(16,16) rotate(180)">
-                  <polygon
-                    class="rating__star-stroke"
-                    points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
+                <g transform="translate(16,16)">
+                  <circle
+                    class="rating__star-ring"
                     fill="none"
-                  />
-                  <polygon
-                    class="rating__star-fill"
-                    points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
-                    fill="#000"
+                    stroke="#000"
+                    stroke-width="16"
+                    r="8"
+                    transform="scale(0)"
                   />
                 </g>
                 <g
-                  transform="translate(16,16)"
-                  stroke-dasharray="12 12"
-                  stroke-dashoffset="12"
+                  stroke="#000"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
                 >
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(0)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(72)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(144)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(216)"
-                    points="0 4,0 16"
-                  />
-                  <polyline
-                    class="rating__star-line"
-                    transform="rotate(288)"
-                    points="0 4,0 16"
-                  />
+                  <g transform="translate(16,16) rotate(180)">
+                    <polygon
+                      class="rating__star-stroke"
+                      points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
+                      fill="none"
+                    />
+                    <polygon
+                      class="rating__star-fill"
+                      points="0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07"
+                      fill="#000"
+                    />
+                  </g>
+                  <g
+                    transform="translate(16,16)"
+                    stroke-dasharray="12 12"
+                    stroke-dashoffset="12"
+                  >
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(0)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(72)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(144)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(216)"
+                      points="0 4,0 16"
+                    />
+                    <polyline
+                      class="rating__star-line"
+                      transform="rotate(288)"
+                      points="0 4,0 16"
+                    />
+                  </g>
                 </g>
-              </g>
-            </svg>
-            <span class="rating__sr">5 stars—Excellent</span>
-          </label>
+              </svg>
+              <span class="rating__sr">5 stars—Excellent</span>
+            </label>
+          </div>
         </div>
-      </div>
-
-      <form class="js-form">
         <input
           class="input-email js-input"
           type="text"