/* Shared native counterpart to components/ui/animated-button.tsx. */
body .animated-button.animated-button{
  position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;
  overflow:hidden;box-sizing:border-box;min-height:48px;max-width:100%;width:auto;
  padding:13px 24px;gap:10px;border:1px solid #fff;border-radius:4px;
  background:#fff;color:#101215;font:600 12px/1.5 Chakra,Arial,sans-serif;
  letter-spacing:.025em;text-transform:uppercase;text-align:center;text-decoration:none;
  white-space:normal;vertical-align:middle;cursor:pointer;
  transition:color .3s ease,border-color .3s ease;
}
body .animated-button.animated-button:before{
  content:'';position:absolute;z-index:-1;top:0;bottom:0;left:-50px;width:calc(100% + 100px);
  background:var(--blue,#0072ce);transform:translateX(-115%) skewX(-35deg);
  transition:transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none;
}
body .animated-button.animated-button:after{content:none;display:none}
body .animated-button.animated-button:focus-visible{outline:2px solid var(--bright,#279aff);outline-offset:5px}
body .animated-button.animated-button:focus-visible,
body .animated-button.animated-button:active{color:#fff;border-color:var(--blue,#0072ce)}
body .animated-button.animated-button:focus-visible:before,
body .animated-button.animated-button:active:before{transform:translateX(0) skewX(-35deg)}
@media(hover:hover){
  body .animated-button.animated-button:hover,
  body :is(.duo-card,.rc-card):hover .animated-button{color:#fff;border-color:var(--blue,#0072ce)}
  body .animated-button.animated-button:hover:before,
  body :is(.duo-card,.rc-card):hover .animated-button:before{transform:translateX(0) skewX(-35deg)}
}
body :is(.duo-card,.rc-card):focus-visible .animated-button{color:#fff;border-color:var(--blue,#0072ce)}
body :is(.duo-card,.rc-card):focus-visible .animated-button:before{transform:translateX(0) skewX(-35deg)}
body .animated-button.animated-button:disabled,
body .animated-button.animated-button[aria-disabled="true"]{opacity:.55;cursor:wait;color:#101215;border-color:#fff}
body .animated-button.animated-button:disabled:before,
body .animated-button.animated-button[aria-disabled="true"]:before{transform:translateX(-115%) skewX(-35deg)}
body .header-cta.animated-button{min-height:46px;padding:12px 17px;font-size:11px;flex-shrink:0}
body .division-link.animated-button{align-self:center;margin-top:auto}
body .rc-action.animated-button{max-width:190px;padding:12px 16px;font-size:11px;justify-self:end}
body .explore-link.animated-button{font-size:10px;letter-spacing:.1em}
body .duo-card .animated-button{align-self:center}
body .footer-contact .animated-button{margin-top:16px}
@media(max-width:760px){
  body .header-cta.animated-button{display:none}
  body .animated-button.animated-button{padding:12px 20px;min-width:0;font-size:12px}
  body .cta-actions .animated-button{max-width:100%}
  body .rc-card:has(.rc-action.animated-button){grid-template-columns:1fr}
  body .rc-card .rc-action.animated-button{grid-column:1;grid-row:4;justify-self:start;margin-top:10px;max-width:100%}
}
@media(prefers-reduced-motion:reduce){
  body .animated-button.animated-button,body .animated-button.animated-button:before{transition:none}
}
