/* Frosted pill controls follow the opening Explore Hydra button. */
html .nav .nav-access.shine-button,
html .button.shine-button,
.mobile-menu a.shine-button {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 100px;
  color: var(--shine-text, #f6f6f6);
  background: linear-gradient(140deg, var(--shine-fill-start, #ffffff12), var(--shine-fill-end, #ffffff08));
  box-shadow: var(--shine-shadow, inset 0 1px 0 #ffffff12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font: 400 14px/1.6 var(--body);
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: -.015em;
  animation: none;
}
html .shine-button::before {
  content: '';
  position: absolute;
  inset: -1px;
  padding: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: conic-gradient(from var(--shine-angle), var(--shine-rest, #ffffff24) 0deg, var(--shine-rest, #ffffff24) 260deg, var(--shine-peak, #ffffffa6) 300deg, var(--shine-warm, #ffbd9955) 323deg, var(--shine-rest, #ffffff24) 350deg);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: button-shine 12s linear infinite;
}
html[data-theme=light] .shine-button {
  --shine-text: #26343f;
  --shine-fill-start: #f5f7f8eb;
  --shine-fill-end: #e9edf0c9;
  --shine-hover-start: #fff;
  --shine-hover-end: #edf1f4eb;
  --shine-rest: #25384724;
  --shine-peak: #fff;
  --shine-warm: #ed591f66;
  --shine-shadow: inset 0 1px 0 #ffffffb3;
}
html .nav .nav-access.shine-button:hover,
html .button.shine-button:hover,
.mobile-menu a.shine-button:hover {
  background: linear-gradient(140deg, var(--shine-hover-start, #ffffff1a), var(--shine-hover-end, #ffffff0d));
}
html .shine-button svg { width: 16px; height: 16px; flex-shrink: 0; }
html .nav .nav-access.shine-button { font-size: 12px; min-height: 40px; padding: 9px 17px; gap: 18px; }
html .nav .nav-access.shine-button::before { animation-delay: -5s; }
html .provider-cta.shine-button { margin-top: clamp(28px, 3.2vw, 40px); padding: 12px 20px; border-radius: 100px; min-height: 48px; font-size: 14px; }
html .endcap .button.shine-button { font-size: 13px; padding: 12px 20px; }
.mobile-menu a.shine-button { margin-top: 12px; padding: 12px 18px; }
html.motion-paused .shine-button::before { animation: none !important; --shine-angle: 300deg; }
@media (max-width: 1000px) { html .nav .nav-access.shine-button { display: none; } }
@media (max-width: 700px) { html .provider-cta.shine-button { margin-top: 28px; } }
@media (prefers-reduced-motion: reduce) { html .shine-button::before { animation: none !important; --shine-angle: 300deg; } }