correcting some texts and syntaxes

src/components/Modal.vue

@@ -9,7 +9,7 @@
             <slot>
             </slot>
             <button @click="close" class="button">
-            Fermer
+            Close
             </button>
 				</div>
 			</transition>
@@ -69,7 +69,7 @@
 	width: 100vw;
 	height: 100vh;
 	position: fixed;
-	z-index: 1;
+	z-index: 999;
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -112,7 +112,7 @@ h1{
   background-color: #e5e5e5;
   color: $red;
   font-size: 1.7em;
-  transition: color 0.5s ease;
+  transition: color 0.25s ease;
   &:hover{
     color: lighten($red, 15%);
     cursor:pointer;
@@ -131,7 +131,7 @@ h1{
   border-radius: 0.5em;
   margin:0.5em auto;
   display: block;
-  padding: 0.4em 0.75em;
+  padding: 0.5em 1em;
   border:none;
   color:$red;
   font-family: Arial, Helvetica, sans-serif;
@@ -141,5 +141,10 @@ h1{
   outline: $red;
   outline-style: solid;
   outline-offset: -5px;
+  transition: 0.25s ease;
+  &:hover{
+    background-color: darken($green, 10%);
+    cursor:pointer;
+  }
 }
 </style>