.hyperlink>*{color:var(--eds-color-static-text-on-basic-accent)}.hyperlink:focus>*,.hyperlink:hover>*{color:var(--eds-color-action-bg-accent-active)}.hyperlink,.hyperlink:active>*{color:var(--eds-color-static-text-on-basic-accent)}.hyperlink{transition:all var(--duration-100) var(--ease-in-out);display:inline-flex;align-items:center;border-radius:var(--eds-radius-small);outline:none;text-decoration:underline;text-underline-offset:4px;&:hover{color:var(--eds-color-action-bg-accent-active);text-decoration:none}&:focus{color:var(--eds-color-action-bg-accent-active);text-decoration:none}&:active{text-decoration:none}}.hyperlink__focus-ring{outline:solid var(--focus-sm-color) var(--focus-sm-width);outline-offset:var(--focus-sm-offset);z-index:var(--focus-sm-z)}