Fix: Moved Rect text inside button tags

Author: html-ramu

index.html

@@ -52,8 +52,9 @@ <h1>Telugu Text Wrapper Pro</h1>
                     <button id="addToSquareBtn" class="add-shape-btn square-btn">
                         ➕ Square
                     </button>
-                    <button id="addToRectBtn" class="add-shape-btn square-btn">
+                    <button id="addToRectBtn" class="add-shape-btn rect-btn">
     ➕ Rect
+</button>
                     </button>
                 </div>
             </div>

style.css

@@ -485,4 +485,14 @@ textarea:focus {
         gap: 5px;
     }
 }
-/* Add this for the Rectangle Icon */
+
+/* Rectangle Button - Indigo Color */
+.rect-btn {
+    background: #6f42c1;
+    color: white;
+}
+
+.rect-btn:hover {
+    background: #59359a;
+    transform: translateY(-2px);
+}