Outline se muestra y crece en hover de un coverart

src/styles/main.scss

@@ -391,13 +391,25 @@ ul.tabs {
       .cover-container {
         width: 250px;
         height: 250px;
-
         cursor: pointer;
 
+
+        .coverart {
+          border: none;
+          outline: 1px var(--gray-2) solid;
+        }
+
         &:hover{
           .cover-caption figcaption:after {
             width: 100%;
           }
+
+
+          .coverart {
+            transition: all 200ms ease-in-out;
+            outline: 6px var(--accent) solid;
+            outline-offset: -4px;
+          }
         }
       }