Update assets/css/v2/style.css

Co-authored-by: Jack Hickey <133868041+nginx-jack@users.noreply.github.com>

Author: lamATnginx

assets/css/v2/style.css

@@ -508,33 +508,20 @@ atomic-search-layout atomic-layout-section[section="search"] {
   box-shadow: 3px 3px 0px var(--color-shadow);
 }
 
-@keyframes rotateAnimationToCloseIcon {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(180deg);
-  }
-}
-
-@keyframes rotateAnimationToOpenIcon {
-  0% {
-    transform: rotate(180deg);
-  }
-  100% {
-    transform: rotate(0deg);
-  }
+.product-selector-button-icon {
+  transform: rotate(90deg);
 }
 
 button:has(~ .product-selector[style*="block"])
   > .product-selector-button-icon {
-  animation: rotateAnimationToCloseIcon 0.25s ease-in-out forwards;
+  transition: transform 0.25s ease-in-out;
+  transform: rotate(0deg);
 }
 
 button:has(~ .product-selector[style*="none"]) > .product-selector-button-icon {
-  animation: rotateAnimationToOpenIcon 0.25s ease-in-out forwards;
+  transition: transform 0.25s ease-in-out;
+  transform: rotate(90deg);
 }
-
 .product-selector p {
   font-size: 0.75rem;
   color: var(--color-product-title);