diff --git a/resources/views/connect/components/button.blade.php b/resources/views/connect/components/button.blade.php
index 1a9c20c..b6e55e8 100644
--- a/resources/views/connect/components/button.blade.php
+++ b/resources/views/connect/components/button.blade.php
@@ -1,4 +1,4 @@
-<a href="{{ $url }}">
+<a href="{{ $url }}" class="bconnect-button">
     <svg width="95px" height="96px" viewBox="0 0 95 96" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
         <defs>
             <linearGradient x1="80.0672985%" y1="11.8876017%" x2="9.49851983%" y2="74.4483811%" id="linearGradient-1">
@@ -26,4 +26,24 @@
             </g>
         </g>
     </svg>
+    <span>{{ __('Sign in with Bluesquare Connect') }}</span>
 </a>
+<style>
+    .bconnect-button {
+        display: inline-block;
+        border: 1px solid #eee;
+        box-shadow: 0 1px 3px #aaa;
+        border-radius: 3px;
+        padding: 5px;
+    }
+    .bconnect-button span {
+        line-height: 30px;
+        display: inline-block;
+    }
+    .bconnect-button svg {
+        display: inline-block;
+        height: 30px;
+        font-weight: bold;
+        color: #555;
+    }
+</style>