media kit - revised link styling on homepage

lms/static/sass/multicourse/_home.scss

@@ -336,6 +336,7 @@
       border-bottom: 1px solid rgb(200,200,200);
       @include clearfix;
       padding: 10px 20px 8px;
+      position: relative;
 
       h2 {
         float: left;
@@ -343,12 +344,23 @@
         text-shadow: 0 1px rgba(255,255,255, 0.6);
       }
 
-      a {
+      .action.action-mediakit {
         float: right;
-        font-size: 1.1em;
-        font-family: $serif;
-        padding-top: 3px;
+        position: relative;
+        top: 5px;
+        font-family: $sans-serif;
+        font-size: 14px;
+        text-transform: uppercase;
         text-shadow: 0 1px rgba(255,255,255, 0.6);
+
+        &:after {
+          position: relative;
+          top: -1px;
+          display: inline-block;
+          margin: 0 0 0 5px;
+          content: "➤";
+          font-size: 11px;
+        }
       }
     }
 

lms/templates/index.html

@@ -121,7 +121,7 @@
     <section class="more-info">
       <header>
         <h2><span class="edx">edX</span> News &amp; Announcements</h2>
-        <a href="${reverse('media-kit')}"> edX Media Kit ►</a>
+        <a class="action action-mediakit" href="${reverse('media-kit')}"> edX Media Kit</a>
       </header>
       <section class="news">
         <section class="blog-posts">