diff --git a/client/definition-page.hbs b/client/definition-page.hbs
index 7f3c22c..11d1427 100755
--- a/client/definition-page.hbs
+++ b/client/definition-page.hbs
@@ -47,8 +47,9 @@
 				{{/if}}
 			</div>
 		</div>
-		<div class="twitter">
-			<a href="https://twitter.com/intent/tweet?text=Corporate%20language%20crime%20no.%20{{wordid}}%3A%20{{word}}%20ft.com%2Fguff" target="_blank"><i class="tweet-icon"></i>Tweet</a>		</div>
+		<div class="twitter btnHolder">
+			<a href="https://twitter.com/intent/tweet?text=Corporate%20language%20crime%20no.%20{{wordid}}%3A%20{{word}}%20ft.com%2Fguff" target="_blank" class="o-buttons o-buttons--standout"><i class="tweet-icon"></i>Tweet</a>
+		</div>
 		<div class="navigate-guff">
 			{{#if previousWord}}
 				<a href="{{previousWord.slug}}/" class="previous-guff">&laquo; Previous<br><span class="preview">{{previousWord.word}}</span></a>
diff --git a/client/styles/main.scss b/client/styles/main.scss
index 6aa5e95..c2e0b21 100755
--- a/client/styles/main.scss
+++ b/client/styles/main.scss
@@ -271,25 +271,6 @@ main {
       right: 0;
     }
   }
-  .twitter {
-    a {
-      display: block;
-      margin: 0 auto;
-      width: 250px;
-      border-radius: 8px;
-      background: #ddd;
-      background: linear-gradient(to bottom,#bb6d82,#af516c);
-      border: 1px solid #ccc;
-      color: #ffffff!important;
-      font-size: 16px;
-      font-weight: 700;
-      text-align: center;
-      padding-top: 8px;
-      padding-bottom: 8px;
-      cursor: pointer;
-      text-decoration: none;
-    }
-  }
   .navigate-guff {
     &:after {
       clear: both;