Update static/css/style.css

static/css/style.css

@@ -561,4 +561,44 @@ textarea { width: 100%; background: #222; color: #fff; border: 1px solid #444; p
 @keyframes checkScale {
     from { transform: scale(0); }
     to { transform: scale(1); }
+}
+
+/* ======================================== */
+/* === استایل‌های دکمه‌های تعداد کلمات === */
+/* ======================================== */
+
+.word-count-grid {
+    display: flex;
+    overflow-x: auto;
+    padding: 10px 0;
+    gap: 10px;
+    width: 100%;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+    justify-content: space-between;
+}
+.word-count-grid::-webkit-scrollbar {
+    display: none;
+}
+
+.wc-btn {
+    flex: 0 0 auto;
+    width: 50px;
+    height: 50px;
+    border-radius: 14px;
+    background: #333;
+    color: #fff;
+    border: 1px solid #444;
+    font-size: 1.2rem;
+    font-weight: bold;
+    cursor: pointer;
+    transition: 0.2s;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.wc-btn:active {
+    background: var(--primary);
+    border-color: var(--primary);
+    transform: scale(0.9);
 }