chrome/browser/resources/signin/profile_picker/profile_card_menu.html

<style include="cr-icons profile-picker-shared">
  #moreActionsButton {
    --cr-icon-button-icon-size: 14px;
    --cr-icon-button-margin-end: 0;
    --cr-icon-button-margin-start: 0;
    --cr-icon-button-size: 24px;
    position: absolute;
    right: 4px;
    top: 4px;
  }

  cr-action-menu {
    font-weight: normal;
  }

  #actionMenu iron-icon {
    padding-inline-end: 14px;
  }

  #actionMenu button {
    --iron-icon-height: 16px;
    --iron-icon-width: 16px;
    padding-inline-start: 14px;
  }

  #removeActionMenu {
    pointer-events: none;
  }

  #removeConfirmation {
    color: var(--cr-primary-text-color);
    margin-top: 16px;
    pointer-events: none;
    width: 234px;
  }

  #removeConfirmation > * {
    margin: 0 16px 16px 16px;
  }

  .header {
    font-size: 1.17em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #userName {
    overflow-wrap: break-word;
  }

  .key-text {
    font-weight: 500;
  }

  .statistics {
    border: 1px solid var(--google-grey-refresh-100);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 12px 16px 16px 12px;
    width: -webkit-fill-available;
  }

  .category {
    text-align: start;
  }

  .count {
    color: var(--google-grey-refresh-500);
    text-align: end;
  }

  #removeConfirmationButton {
    --active-shadow-action-rgb: var(--google-red-300-rgb);
    --bg-action: var(--google-red-300);
    --hover-bg-action: rgba(var(--google-red-700-rgb), .9);
    --hover-shadow-action-rgb: var(--google-red-300-rgb);
    background-color: var(--bg-action);
    border-radius: 4px;
    color: var(--ink-color-action);
    font-weight: 500;
    left: 50%;
    margin-bottom: 16px;
    pointer-events: auto;
    transform: translateX(-50%);
    width: 111px;
  }

  #removeConfirmationButton:hover {
    background-color: var(--hover-bg-action);
  }

  @media (prefers-color-scheme: dark) {
    .warning-message {
      color: var(--google-grey-500);
    }

    .statistics {
      border-color: var(--google-grey-refresh-700);
    }
  }
</style>

<cr-icon-button class="icon-more-vert" id="moreActionsButton"
    on-click="onMoreActionsButtonClicked_" title="$i18n{profileMenuName}"
    aria-label="$i18n{profileMenuName}">
</cr-icon-button>

<cr-action-menu id="actionMenu" role-description="$i18n{menu}">
  <button class="dropdown-item" on-click="onCustomizeButtonClicked_">
    <iron-icon icon="profiles:create" aria-hidden="true"></iron-icon>
    $i18n{profileMenuCustomizeText}
  </button>
  <button class="dropdown-item" on-click="onRemoveButtonClicked_">
    <iron-icon icon="cr:delete" aria-hidden="true"></iron-icon>
    $i18n{profileMenuRemoveText}
  </button>
</cr-action-menu>

<cr-action-menu id="removeActionMenu" role-description="$i18n{menu}">
  <div id="removeConfirmation">
    <div class="header">
      $i18n{profileMenuRemoveText}
      <span class="key-text">[[profileState.localProfileName]]</span>
    </div>
    <div class="warning-message">
      [[removeWarningText_]]
      <div id="userName" hidden$="[[!profileState.isSyncing]]" class="key-text">
        [[profileState.userName]]
      </div>
    </div>
    <table class="statistics">
      <template is="dom-repeat" items="[[profileStatistics_]]">
        <tr>
          <td class="category">[[getProfileStatisticText_(item)]]</td>
          <td class="count">
            [[getProfileStatisticCount_(item, statistics_)]]</td>
        <tr>
      </template>
    </table>
  </div>
  <cr-button id="removeConfirmationButton"class="dropdown-item action-button"
      on-click="onRemoveComfirationClicked_">
    $i18n{profileMenuRemoveText}
  </cr-button>
</cr-action-menu>