From c863a536d75ee701102cdcc650c8244bb62ca859 Mon Sep 17 00:00:00 2001
From: Sainath Poojary <spoojary614@gmail.com>
Date: Tue, 31 Dec 2024 16:30:37 +0530
Subject: [PATCH] Placeholder: Standardize reduced motion handling using media
 queries

---
 packages/components/src/placeholder/style.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/components/src/placeholder/style.scss b/packages/components/src/placeholder/style.scss
index a38d7d3e3ace8..84e0ecfa1f985 100644
--- a/packages/components/src/placeholder/style.scss
+++ b/packages/components/src/placeholder/style.scss
@@ -173,8 +173,10 @@
 	.components-button {
 		opacity: 0;
 		pointer-events: none;
-		transition: opacity 0.1s linear;
-		@include reduce-motion("transition");
+
+		@media not (prefers-reduced-motion) {
+			transition: opacity 0.1s linear;
+		}
 	}
 
 	.is-selected > & {