/* CTA links stay usable without JavaScript; the visit code is added after initialization. */
.js-max-link{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.js-max-link::after{
  content:"";
  position:absolute;
  inset:0 auto 0 -42%;
  width:32%;
  pointer-events:none;
  z-index:1;
  background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.08) 24%,rgba(255,255,255,.48) 50%,rgba(255,255,255,.08) 76%,rgba(255,255,255,0) 100%);
  transform:translate3d(-180%,0,0) skewX(-18deg);
  animation:cta-sheen 7s cubic-bezier(.22,1,.36,1) infinite;
}

.header-channel-link::after{
  background:linear-gradient(105deg,rgba(239,139,0,0) 0%,rgba(239,139,0,.05) 24%,rgba(239,139,0,.26) 50%,rgba(239,139,0,.05) 76%,rgba(239,139,0,0) 100%);
}

.js-max-link > *{position:relative;z-index:2}

@keyframes cta-sheen{
  0%,68%{transform:translate3d(-180%,0,0) skewX(-18deg)}
  88%,100%{transform:translate3d(520%,0,0) skewX(-18deg)}
}

@media (hover:hover) and (pointer:fine){
  .js-max-link:hover{transform:translateY(-1px)}
}

.js-max-link:active{transform:translateY(0) scale(.985)}

.js-max-link:focus-visible{outline:3px solid rgba(9,47,79,.34);outline-offset:3px}

@media (prefers-reduced-motion:reduce){
  .js-max-link,.js-max-link::after{animation:none!important;transition:none!important}
  .js-max-link::after{opacity:0}
}