Use label button for profile page

It's less confusing than figuring out what the icons represent.

src/routes/_components/profile/AccountProfileFollow.html

@@ -6,17 +6,9 @@
      - If a follow is requested, then the button is pressed but shows as "follow requested" with
        a different icon.
   -->
-  <IconButton
+  <button class="account-profile-follow-button" on:click="onFollowButtonClick(event)">
-    className="account-profile-follow-icon-button"
+    {pressed ? pressedLabel : label}
-    {label}
+  </button>
-    {pressedLabel}
-    {href}
-    {pressable}
-    {pressed}
-    big={!$isVeryTinyMobileSize}
-    on:click="onFollowButtonClick(event)"
-    ref:icon
-  />
 </div>
 <style>
   .account-profile-follow {
@@ -33,6 +25,12 @@
       justify-self: flex-end;
     }
   }
+
+  .account-profile-follow-button {
+    padding: 0.6em;
+    font-size: 1.1em;
+    min-width: 10ch;
+  }
 </style>
 <script>
   import IconButton from '../IconButton.html'
@@ -99,17 +97,6 @@
       pressedLabel: ({ requested }) => {
         return formatIntl('intl.unfollowLabel', { requested })
       },
-      href: ({ blocking, following, followRequested }) => {
-        if (blocking) {
-          return '#fa-unlock'
-        } else if (following) {
-          return '#fa-user-times'
-        } else if (followRequested) {
-          return '#fa-hourglass'
-        } else {
-          return '#fa-user-plus'
-        }
-      },
       shown: ({ verifyCredentials, relationship }) => (
         verifyCredentials && relationship && verifyCredentials.id !== relationship.id
       ),