diff --git a/src/app/globals.css b/src/app/globals.css
index 9c05253..f5574b7 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -776,14 +776,16 @@ select {
   background: var(--btn-accent-hover);
 }
 
+/* عینِ btnPrimary (دکمه «اعمال فیلتر»): تینتِ کم‌رنگِ رنگِ اصلی + بوردر/متنِ رنگِ
+   اصلی، نه پرشدنِ توپر + متنِ سفید — چون این کلاس خارج از @layer تعریف شده،
+   رویِ هر text-white که کنارش پاس داده بشه اولویت داره (لایه‌های CSS Tailwind v4) */
 .btn-modern--selected {
-  background: var(--btn-accent);
-  color: var(--btn-accent-text);
+  background: rgba(252, 142, 172, 0.1);
+  color: var(--btn-accent);
   border-color: var(--btn-accent);
 }
 .btn-modern--selected:hover:not(:disabled) {
-  background: var(--btn-accent-hover);
-  border-color: var(--btn-accent-hover);
+  background: rgba(252, 142, 172, 0.16);
 }
 
 .glass-modal-overlay {