studio - refining style and presentation of course link and invitation button on details settings

cms/static/sass/views/_settings.scss

@@ -287,10 +287,10 @@ body.course.settings {
 
       // course link note
       .note-promotion-courseURL {
-        @include box-shadow(0 1px 1px $shadow-l1);
+        @include box-shadow(0 2px 1px $shadow-l1);
         @include border-radius(($baseline/5));
         margin-top: ($baseline*1.5);
-        border: 1px solid $gray-l3;
+        border: 1px solid $gray-l4;
         padding: ($baseline/2) 0 0 0;
 
         .title {
@@ -312,14 +312,17 @@ body.course.settings {
         }
 
         .list-actions {
+          @include transition(opacity 0.25s ease-in-out);
           @include box-shadow(inset 0 1px 1px $shadow-l1);
           border-top: 1px solid $gray-l4;
           padding:  ($baseline/2);
           background: $gray-l5;
+          opacity: 0.5;
 
           .action-primary {
             @include blue-button();
             @include font-size(13);
+            font-weight: 600;
 
             .icon {
               @extend .t-icon;
@@ -329,6 +332,14 @@ body.course.settings {
             }
           }
         }
+
+        &:hover {
+          border-color: $gray-l2;
+
+          .list-actions {
+            opacity: 1.0;
+          }
+        }
       }
     }