diff --git a/Components/Buttons/Delete-Effect-Button/styles.css b/Components/Buttons/Delete-Effect-Button/style.css
similarity index 78%
rename from Components/Buttons/Delete-Effect-Button/styles.css
rename to Components/Buttons/Delete-Effect-Button/style.css
index fcc0a107..85cd6709 100644
--- a/Components/Buttons/Delete-Effect-Button/styles.css
+++ b/Components/Buttons/Delete-Effect-Button/style.css
@@ -1,10 +1,13 @@
-html, body {
+html,
+body {
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0;
-    background-color: #f0f0f0; 
+    background-color: #f0f0f0;
+}
+
 .button {
     width: 50px;
     height: 50px;
@@ -20,44 +23,43 @@ html, body {
     transition-duration: .3s;
     overflow: hidden;
     position: relative;
-  }
-  
-  .svgIcon {
+}
+
+.svgIcon {
     width: 12px;
     transition-duration: .3s;
-  }
-  
-  .svgIcon path {
+}
+
+.svgIcon path {
     fill: white;
-  }
-  
-  .button:hover {
+}
+
+.button:hover {
     width: 140px;
     border-radius: 50px;
     transition-duration: .3s;
     background-color: rgb(255, 69, 69);
     align-items: center;
-  }
-  
-  .button:hover .svgIcon {
+}
+
+.button:hover .svgIcon {
     width: 50px;
     transition-duration: .3s;
     transform: translateY(60%);
-  }
-  
-  .button::before {
+}
+
+.button::before {
     position: absolute;
     top: -20px;
     content: "Delete";
     color: white;
     transition-duration: .3s;
     font-size: 2px;
-  }
-  
-  .button:hover::before {
+}
+
+.button:hover::before {
     font-size: 13px;
     opacity: 1;
     transform: translateY(30px);
     transition-duration: .3s;
-  }
-  
\ No newline at end of file
+}