Add <a is="action-link">, a web component extension of <a> for in-page actions.

chrome/browser/resources/options/browser_options.html

 <div id="settings" class="page" hidden>
   <header>
     <h1 i18n-content="settingsTitle"></h1>
   </header>
   <include src="reset_profile_settings_banner.html">
   <include src="automatic_settings_reset_banner.html">
 <if expr="chromeos">
   <include src="secondary_user_banner.html">
   <section>
     <div id="network-section-header" class="section-header">
@@ skipping 55 matching lines @@
           <span class="controlled-setting-indicator"
               pref="browser.show_home_button"></span>
         </span>
       </label>
     </div>
     <div id="change-home-page-section" hidden>
       <div id="change-home-page-section-container" guest-visibility="disabled">
         <span id="home-page-ntp" class="home-page-label"
             i18n-content="homePageNtp"></span>
         <span id="home-page-url" class="home-page-label"></span>
-        <button id="change-home-page" class="link-button"
-            i18n-content="changeHomePage"></button>
+        <a is="action-link" id="change-home-page" i18n-content="changeHomePage">
+        </a>
         <div id="extension-controlled-container"></div>
       </div>
     </div>
     <div class="checkbox controlled-setting-with-label"
         guest-visibility="disabled">
       <label>
         <input type="checkbox"
             pref="bookmark_bar.show_on_all_tabs"
             metric="Options_ShowBookmarksBar">
         <span>
@@ skipping 299 matching lines @@
         <label>
           <input id="metricsReportingEnabled" type="checkbox">
           <span>
             <span i18n-content="enableLogging"></span>
             <span id="metrics-reporting-disabled-icon"
                 class="controlled-setting-indicator"></span>
           </span>
         </label>
         <span id="metrics-reporting-reset-restart">
           <!-- Text filled by JavaScript -->
-          <span></span><button class=
-              "link-button standalone-link-button"></button><span></span>
+          <span></span><a is="action-link"
+              class="standalone-action-link"></a><span></span>
         </span>
 </if>
       </div>
 </if>  <!-- _google_chrome -->
       <div class="checkbox">
         <label>
           <input id="do-not-track-enabled" pref="enable_do_not_track"
               metric="Options_DoNotTrackCheckbox" type="checkbox" dialog-pref>
           <span i18n-content="doNotTrack"></span>
         </label>
@@ skipping 63 matching lines @@
     <div class="checkbox controlled-setting-with-label">
       <label>
         <input id="autofill-enabled" pref="autofill.enabled"
             metric="Options_FormAutofill" type="checkbox">
         <span>
           <span i18n-content="autofillEnabled"></span>
           <span class="controlled-setting-indicator" pref="autofill.enabled">
           </span>
         </span>
       </label>
-      <button id="autofill-settings" class="link-button"
-          i18n-content="manageAutofillSettings">
-      </button>
+      <a is="action-link" id="autofill-settings"
+          i18n-content="manageAutofillSettings"></a>
     </div>
     <div class="checkbox controlled-setting-with-label">
       <label>
         <input id="password-manager-enabled"
             pref="profile.password_manager_enabled"
             metric="Options_PasswordManager" type="checkbox">
         <span>
           <span i18n-content="passwordManagerEnabled"></span>
           <span class="controlled-setting-indicator"
               pref="profile.password_manager_enabled"></span>
         </span>
       </label>
-      <button id="manage-passwords" class="link-button"
-          i18n-content="managePasswords"></button>
+      <a is="action-link" id="manage-passwords" i18n-content="managePasswords">
+      </a>
     </div>
 <if expr="is_macosx">
     <div id="mac-passwords-warning" i18n-content="macPasswordsWarning" hidden>
     </div>
 </if>
   </section>
   <section id="easy-unlock-section" guest-visibility="hidden" hidden>
     <h3 i18n-content="easyUnlockSectionTitle"></h3>
     <!-- Options shown when the user has not set up Easy Unlock -->
     <div id='easy-unlock-setup' hidden>
@@ skipping 87 matching lines @@
     <div class="checkbox controlled-setting-with-label">
       <label>
         <input pref="translate.enabled"
             metric="Options_Translate" type="checkbox">
         <span>
           <span i18n-content="translateEnableTranslate"></span>
           <span class="controlled-setting-indicator" pref="translate.enabled">
           </span>
         </span>
       </label>
-      <button id="manage-languages" class="link-button"
-          i18n-content="manageLanguages"></button>
+      <a is="action-link" id="manage-languages" i18n-content="manageLanguages">
+      </a>
     </div>
   </section>
   <section id="downloads-section">
     <h3 i18n-content="downloadLocationGroupName"></h3>
     <div>
       <div class="settings-row">
         <label>
           <span id="download-location-label"
               i18n-content="downloadLocationBrowseTitle">
           </span>
@@ skipping 304 matching lines @@
     <div>
       <span class="settings-row" i18n-content="resetProfileSettingsDescription">
       </span>
       <button id="reset-profile-settings" i18n-content="resetProfileSettings">
       </button>
     </div>
   </section>
   </div>  <!-- advanced-settings-container -->
   </div>  <!-- advanced-settings -->
   <footer>
-    <button id="advanced-settings-expander" class="link-button"
-        i18n-content="showAdvancedSettings">
-    </button>
+    <a is="action-link" id="advanced-settings-expander"
+        i18n-content="showAdvancedSettings"></a>
   </footer>
 </div>