remove button, use div instead

src/views/teachers/landing/landing.jsx

@@ -9,7 +9,6 @@ var Page = require('../../../components/page/www/page.jsx');
 var FlexRow = require('../../../components/flex-row/flex-row.jsx');
 var SubNavigation = require('../../../components/subnavigation/subnavigation.jsx');
 var TitleBanner = require('../../../components/title-banner/title-banner.jsx');
-var Button = require('../../../components/forms/button.jsx');
 
 require('./landing.scss');
 
@@ -142,7 +141,7 @@ var Landing = injectIntl(React.createClass({
                             <p>
                                 <FormattedHTMLMessage id="teacherlanding.accountsDescription" />
                             </p>
-                            <Button><FormattedMessage id="teacherlanding.accountsButton" /></Button>
+                            <div className="coming-soon"><FormattedMessage id="teacherlanding.accountsButton" /></div>
                         </div>
                         <img src="/images/teachers/teacher-account.png" alt="teacher account" id="teacher-icon"/>
                     </div>

src/views/teachers/landing/landing.scss

@@ -230,17 +230,18 @@ $story-width: $cols3;
                 margin-bottom: 3.5rem;
             }
 
-            button {
+            .coming-soon {
                 border: 2px solid $ui-white;
                 border-radius: 50px;
                 box-shadow: none;
                 background-color: transparent;
-                cursor: default;
                 padding: 16px 16px;
                 width: $cols5 / 2;
+                text-align: center;
                 color: $ui-white;
                 font-size: 16px;
                 font-weight: 500;
+                box-sizing: border-box;
 
                 &:hover {
                     box-shadow: none;