/* Reuse the content link component, with contrast suitable for dark heroes. */
:root :is(.product-lead,.hero) .hero-text-link.hex-button{
 display:flex;width:fit-content;max-inline-size:100%;text-decoration:none;
 background:transparent;border:0;border-radius:0;color:#eef0ef;
}
:root :is(.product-lead,.hero) .hero-text-link.hex-button:is(:hover,:focus-visible){
 background:transparent;color:var(--hc-color-link-inverse-hover);text-decoration:none;
}
:root :is(.product-lead,.hero) .hero-text-link.hex-button>span{
 min-inline-size:0;white-space:normal;overflow-wrap:anywhere;text-decoration:none;
}
:root :is(.product-lead,.hero) .hero-text-link.hex-button>svg{
 width:.866rem;height:.75rem;fill:currentColor;stroke:none;margin:0;
}