separate card style

dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css

@@ -1,4 +1,7 @@
 .card {
+    border: 0;
+    font-size: inherit !important;
+    font-family: inherit !important;
     text-transform: none;
     background-color: transparent !important;
     background: none !important;
@@ -41,12 +44,6 @@
     contain: layout style;
 }
 
-button.card {
-    border: 0 !important;
-    font-size: inherit !important;
-    font-family: inherit !important;
-}
-
 .cardScalable {
     position: relative;
 }
@@ -70,7 +67,7 @@ button.card {
 .card .cardBox {
     padding: 0 !important;
     margin: 0;
-    transition: none !important;
+    transition: none;
     border: 3px solid transparent;
 }
 
@@ -85,14 +82,6 @@ button.card {
     }
 }
 
-.round .cardBox {
-    border: .7em solid transparent;
-}
-
-.round .cardImageContainer {
-    border: .15em solid transparent;
-}
-
 .card:focus {
     position: relative !important;
     z-index: 10 !important;
@@ -103,20 +92,6 @@ button.card {
         border-color: transparent;
     }
 
-.cardImageContainer, .round:focus .cardImageContainer {
-    border-color: #fff;
-}
-
-.round .cardBox {
-    transition: transform 180ms ease-out !important;
-    -webkit-transform-origin: center center;
-    transform-origin: center center;
-}
-
-.layout-tv .round:focus .cardBox {
-    transform: scale(1.34, 1.34);
-}
-
 .bottomPaddedCard .cardBox:not(.visualCardBox) {
     margin-bottom: 1em;
 }
@@ -184,7 +159,7 @@ button.card {
     border-radius: 0;
 }
 
-button.cardImageContainer {
+.cardImageContainer-button {
     border: 0;
     padding: 0;
     background-color: transparent;
@@ -209,18 +184,10 @@ button.cardImageContainer {
     display: block;
 }
 
-.round .cardContent {
-    overflow: visible;
-}
-
 .scalableCard .cardImageContainer {
     height: 100%;
 }
 
-.round .cardImageContainer, .round .cardImage {
-    border-radius: 1000px;
-}
-
 .cardImage.coveredImage, .cardImageContainer.coveredImage, .coveredImage .cardImage {
     background-size: 100% 100%;
     background-position: center center;
@@ -234,10 +201,6 @@ button.cardImageContainer {
     padding: .5em .3em;
 }
 
-    .cardFooter .cardText + .cardText {
-        opacity: .6;
-    }
-
 .visualCardBox .cardScalable, .visualCardBox .cardFooter {
     background-color: #222326;
 }
@@ -283,6 +246,10 @@ button.cardImageContainer {
     text-align: center;
 }
 
+.cardText-secondary {
+    opacity: .6;
+}
+
 .cardCenteredText {
     white-space: normal;
 }