/* xz-btn-v1 | 2026-10-10 | About More hover = banner button hover (blue bg + white text)
   Root cause: platform rule div[carouselindex] .test-button:hover only hits banner buttons;
   the About More button lives outside the carousel so its hover stayed yellow. */
#div-kbt6K3HZhnRWZmA3NBRZADCKYamBxrfp .test-button:hover,
#div-kbt6K3HZhnRWZmA3NBRZADCKYamBxrfp .test-button:focus-within,
div .test-button:has(> a[href*='stainless-steel-seamless-tubes.html']):hover,
div .test-button:has(> a[href*='stainless-steel-seamless-tubes.html']):focus-within {
  background-color: rgb(12, 69, 141) !important;
}
#div-kbt6K3HZhnRWZmA3NBRZADCKYamBxrfp .test-button:hover a,
#div-kbt6K3HZhnRWZmA3NBRZADCKYamBxrfp .test-button:hover span,
#div-kbt6K3HZhnRWZmA3NBRZADCKYamBxrfp .test-button:hover p,
#div-kbt6K3HZhnRWZmA3NBRZADCKYamBxrfp .test-button:hover div,
#div-kbt6K3HZhnRWZmA3NBRZADCKYamBxrfp .test-button:focus-within a,
#div-kbt6K3HZhnRWZmA3NBRZADCKYamBxrfp .test-button:focus-within span,
#div-kbt6K3HZhnRWZmA3NBRZADCKYamBxrfp .test-button:focus-within p,
#div-kbt6K3HZhnRWZmA3NBRZADCKYamBxrfp .test-button:focus-within div,
div .test-button:has(> a[href*='stainless-steel-seamless-tubes.html']):hover a,
div .test-button:has(> a[href*='stainless-steel-seamless-tubes.html']):hover span,
div .test-button:has(> a[href*='stainless-steel-seamless-tubes.html']):hover p,
div .test-button:has(> a[href*='stainless-steel-seamless-tubes.html']):hover div,
div .test-button:has(> a[href*='stainless-steel-seamless-tubes.html']):focus-within a,
div .test-button:has(> a[href*='stainless-steel-seamless-tubes.html']):focus-within span,
div .test-button:has(> a[href*='stainless-steel-seamless-tubes.html']):focus-within p,
div .test-button:has(> a[href*='stainless-steel-seamless-tubes.html']):focus-within div {
  color: rgb(255, 255, 255) !important;
}