add some coom butoon styles

app/styles/app/layouts/profile.sass

@@ -25,6 +25,13 @@
       .sync-button
         margin-top: .5em
 
+  .cta-btn
+    text-align: right
+    @media #{$large-up}
+      position: absolute
+      top: 1rem
+      right: 0
+
 .profile-getstarted
   position: relative
   margin-bottom: 3rem

app/styles/app/modules/buttons.sass

@@ -97,6 +97,25 @@ $button-border-color: #d4d4d4
 .button--fixedwidth
   width: 8em
 
+.btn-activate,
+.btn-activated
+  font-size: $font-size-sm
+  border: none
+  // padding-right: 2.5em
+  &:hover
+    background-color: $grey2
+
+.btn-activated
+  background-color: #39a85b
+  color: $white
+  // @extend .icon-hook-on
+  // background:
+  //   repeat: no-repeat
+  //   position: 92% 45%
+  &:hover
+    background-color: darken(#39a85b, 10)
+
+
 // temp
 #auth #navigation .button--signin,
 #auth #navigation .button--signingin

app/templates/account.hbs

@@ -18,7 +18,25 @@
       </button>
       <p class="sync-last">last synced {{format-time user.syncedAt}}</p>
     </div>
-
+    {{#if config.billingEndpoint}}
+      <div class="cta-btn">
+      {{#if view.subscribed}}
+        <a class="btn btn-activated" {{bind-attr href="billingUrl"}}>
+          Subscription active!
+        </a>
+      {{else}}
+        {{#if view.education}}
+          <a class="btn btn-activated" {{bind-attr href="billingUrl"}}>
+            Educational account!
+          </a>
+        {{else}}
+          <a class="btn btn-activate" {{bind-attr href="billingUrl"}}>
+            Sign up this account!
+          </a>
+        {{/if}}
+      {{/if}}
+      </div>
+    {{/if}}
     {{#if config.pro}}
       <p>We're only showing your private repositories. You can find your public projects on <a href="https://travis-ci.org" title="travis-ci.org">travis-ci.org</a>.</p>
       {{else}}

app/templates/profile/show.hbs

@@ -1,22 +1,24 @@
 <article class="columns medium-8 float-right profile-main">
 
-  {{#if config.billingEndpoint}}
+{{!--   {{#if config.billingEndpoint}}
-    {{#if view.subscribed}}
+    <div class="row">
-      <a class="button activated" {{bind-attr href="billingUrl"}}>
+      {{#if view.subscribed}}
-        Subscription active!
+        <a class="btn btn-activated" {{bind-attr href="billingUrl"}}>
-      </a>
+          Subscription active!
-    {{else}}
-      {{#if view.education}}
-        <a class="button activated" {{bind-attr href="billingUrl"}}>
-          Educational account!
         </a>
       {{else}}
-        <a class="button activate" {{bind-attr href="billingUrl"}}>
+        {{#if view.education}}
-          Sign up this account!
+          <a class="btn btn-activated" {{bind-attr href="billingUrl"}}>
-        </a>
+            Educational account!
+          </a>
+        {{else}}
+          <a class="btn btn-activate" {{bind-attr href="billingUrl"}}>
+            Sign up this account!
+          </a>
+        {{/if}}
       {{/if}}
-    {{/if}}
+    </div>
-  {{/if}}
+  {{/if}} --}}
 
   {{!-- {{view 'profile-tabs'}} --}}