styling edit - wp-embed youtube and hr styles

vue-theme/src/pages/single.vue

@@ -256,6 +256,13 @@ export default {
             img.feature
                 width: 20em 
             li
+        /* wp-block-embed youtube link */
+        .wp-block-embed, .is-type-video
+            position: relative
+            width: 100% 
+            padding-bottom: 56.25% 
+            &__wrapper
+                display: contents
         /* iframe container 16:9 */
         .iframe-container 
             position: relative
@@ -275,27 +282,21 @@ export default {
             left: 0px 
             width: 100% 
             height: 100%
-        
-        .wp-block-embed .is-type-video
-            position: relative
-            width: 100% 
-            padding-bottom: 56.25% 
-
+        /* separator styles */
         * hr
-            border: $ms--3
             margin: $ms-2 auto
-            outline-style: auto
-
             &.is-style
                 &-default
                     height: 1px
                     width: 15vw
                 &-wide
-                    height: 1px
+                    height: 3px
                     width: 50vw
-                &-dots
+                &-dots::before
                     outline-style: none
                     font-weight: bolder
+                    letter-spacing: $ms-8
+                    padding-left: $ms-8
         /* margin to indent marker */
         li
             margin: 0 0 $ms--2 $ms-4