chromium/ash/webui/shortcut_customization_ui/resources/js/bottom_nav_content.html

<style include="shortcut-customization-shared">
  #container {
    align-items: center;
    display: flex;
    flex-direction: column;
  }

  #restoreAllButton {
    /*
     * Specifying a large single value for border-radius ensures perfectly
     * circular rounded corners.
     */
    border-radius: 999px;
    margin-bottom: 16px;
  }

  #keyboardSettingsLinkContainer {
    padding-inline-start: 16px;
  }

  #keyboardSettingsLinkContainer a {
    align-items: center;
    color: var(--cros-link-color);
    display: flex;
    font-weight: var(--shortcuts-font-weight-medium);
    text-decoration: none;
  }

  #keyboardSettingsLinkContainer a iron-icon {
    fill: var(--cros-link-color);
    margin-inline-start: 4px;
  }
</style>
<div id="container">
  <cr-button id="restoreAllButton" on-click="onRestoreAllDefaultClicked"
      hidden="[[restoreAllButtonHidden]]">
    [[i18n('resetAllShortcuts')]]
  </cr-button>
  <div id="keyboardSettingsLinkContainer">
    <a id="keyboardSettingsLink" href="[[keyboardSettingsLink]]">
      <span>[[i18n('keyboardSettings')]]</span>
      <iron-icon icon="shortcut-customization:open-in-new"></iron-icon>
    </a>
  </div>
</div>