/* Photo-header text links: yellow underline, no filled hover rectangle.
   Scoped to the three audience heroes. Primary CTA buttons keep their styling. */
.inner-page[data-page] main :is(.brand-cover-hero,.agency-cover-hero,.creator-cover-hero) .actions .btn.secondary {
  background:transparent!important;
  color:#fff!important;
  border:0!important;
  width:fit-content;
  max-width:100%;
  align-self:center;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  text-decoration:none;
}
.inner-page[data-page] main :is(.brand-cover-hero,.agency-cover-hero,.creator-cover-hero) .actions .btn.secondary::before {
  content:"";
  position:absolute;
  top:calc(50% + .7em);
  left:0;
  width:100%;
  height:3px;
  z-index:0;
  background:#faf6b4;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .18s ease-out;
  pointer-events:none;
}
.inner-page[data-page] main :is(.brand-cover-hero,.agency-cover-hero,.creator-cover-hero) .actions .btn.secondary:is(:hover,:focus-visible)::before {
  transform:scaleX(1);
}
.inner-page[data-page] main :is(.brand-cover-hero,.agency-cover-hero,.creator-cover-hero) .actions .btn.secondary:focus-visible {
  outline:2px solid #faf6b4;
  outline-offset:5px;
}
@media(prefers-reduced-motion:reduce) {
  .inner-page[data-page] main :is(.brand-cover-hero,.agency-cover-hero,.creator-cover-hero) .actions .btn.secondary::before {transition:none}
}