/* Shared button interaction; preserves non-header button colours and semantics. */
:root{--button-deep-navy:#062B5D;--button-ocean-blue:#0A74B0}
:where(button,.button,.btn,[role="button"],input[type="submit"],input[type="button"]){transition:box-shadow .38s ease,background-size .38s ease,color .2s ease,transform .2s ease}
:where(button,.button,.btn,[role="button"],input[type="submit"],input[type="button"]):not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible){box-shadow:inset 30em 0 0 0 rgba(10,116,176,.18)}
:where(button,.button,.btn,[role="button"],input[type="submit"],input[type="button"]):focus-visible{outline:3px solid #0A74B0;outline-offset:3px}
/* The first gradient reveals from the inline edge, like a curtain. */
header :is(button,select,.header-tool,.ge-tool,.portal-link,.global-search-trigger,.ge-nav>a,.desktop-nav>a,.products-trigger,.mobile-nav>a,.ge-mobile>a){
 color:#fff!important;border-color:#062B5D!important;border-radius:10px;
 background-color:#062B5D!important;
 background-image:linear-gradient(110deg,#0A74B0,#062B5D),linear-gradient(110deg,#062B5D,#0A74B0)!important;
 background-size:0% 100%,100% 100%!important;background-position:right center,left center!important;background-repeat:no-repeat!important;
 box-shadow:none;transition:background-size .42s cubic-bezier(.2,.7,.25,1),box-shadow .2s ease,transform .2s ease!important;
}
header :is(.ge-nav>a,.desktop-nav>a,.products-trigger){padding:10px 12px;text-decoration:none}
header :is(button,select,.header-tool,.ge-tool,.portal-link,.global-search-trigger,.ge-nav>a,.desktop-nav>a,.products-trigger,.mobile-nav>a,.ge-mobile>a):not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible,:active,[aria-expanded="true"]){background-size:100% 100%,100% 100%!important}
[dir="rtl"] header :is(button,select,.header-tool,.ge-tool,.portal-link,.global-search-trigger,.ge-nav>a,.desktop-nav>a,.products-trigger,.mobile-nav>a,.ge-mobile>a){background-position:left center,right center!important}
header :is(.header-tool,.ge-tool,.global-search-trigger)>:is(span,small,svg){color:#fff!important}
header :is(.header-tool,.ge-tool)>b{background:#fff!important;color:#062B5D!important;border:1px solid #062B5D}
header select option{background:#fff;color:#062B5D}
@media(prefers-reduced-motion:reduce){:where(button,.button,.btn,[role="button"],input[type="submit"],input[type="button"]),header :is(button,select,a){transition:none!important}}