started second cartel of audio player

sites/all/themes/custom/edlptheme/assets/styles/app.scss

@@ -299,26 +299,56 @@ main[role="main"]{
   }
   .cartel{
     // TODO: set max-width regarding responsive
+    position: relative;
     max-width: 400px;
     margin-left: 1em;
     background-color: white;
     opacity: 1;
     transition: opacity 0.5s ease-in-out;
     &.loading{opacity: 0;}
+    .first-cartel{
 
-    .entrees{
-      line-height: 0;
-      span{
-        @include entrie-micro-square;
+      .entrees{
+        line-height: 0;
+        span{
+          @include entrie-micro-square;
+        }
+      }
+      h2.node-title{
+        margin:0.2em 0 0;
+        font-size: 1em;
+      }
+      p{
+        margin:0;
+        font-size: 0.75em;
       }
     }
-    h2.node-title{
-      margin:0.2em 0 0;
-      font-size: 1em;
+    .second-cartel{
+      position: absolute;
+      top: 0; left:0;
+      background-color: white;
+      height:100%; min-width: 100%;
+      opacity: 0;
+      transition: opacity 0.2s ease-in-out;
+      &>*{
+        display: inline-block;
+        vertical-align: top;
+      }
+      .col-left{
+        a{
+          display: block;
+          font-size: 0.90em;
+          font-weight: 600;
+        }
+      }
+      .col-right{
+        font-size: 0.75em;
+      }
     }
-    p{
-      margin:0;
-      font-size: 0.75em;
+    &:hover{
+      .second-cartel{
+        opacity: 1;
+      }
     }
   }
   &.is-playing{