New link style

_sass/base/_reset.scss

@@ -96,7 +96,13 @@ a {
     display: inline-block;
     padding: 1px 1px;
     transition: color ease 0.3s;
-    
+
+    border-bottom-color: $c-accent__blue;
+    border-bottom-style: dotted;
+    border-bottom-width: 1px;
+    word-wrap: break-word;
+    word-break: break-all;
+
     /* Hover animation effect for all buttons */
     &::after {
       content: '';
@@ -112,6 +118,7 @@ a {
 
     &:hover {
       color: white;
+      border-bottom-style: solid;
       &::after {
         height: 100%;
       }

_sass/components/_article.scss

@@ -84,24 +84,28 @@
         margin-left: 2.1rem;
     }
 
-		.web-container {
-			position: relative;
-			width: 100%;
-			max-width: 100%;
-			height: 0;
-			padding-bottom: 62.5%;
-			border: 1px solid #cacaca;
-			overflow: hidden;
-		}
+    li {
+        margin-top: 1em;
+    }
 
-		.web-container iframe {
-			position: absolute;
-			top: 0;
-			left: 0;
-			width: 100%;
-			max-width: 100%;
-			height: 100%;
-		}
+    .web-container {
+        position: relative;
+        width: 100%;
+        max-width: 100%;
+        height: 0;
+        padding-bottom: 62.5%;
+        border: 1px solid #cacaca;
+        overflow: hidden;
+    }
+
+    .web-container iframe {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        max-width: 100%;
+        height: 100%;
+    }
 }
 
 .c-article__footer {

_sass/components/_page.scss

@@ -18,6 +18,10 @@
     p {
         @include fs--meta;
     }
+
+    a {
+        border-bottom-style: none;
+    }
 }
 
 .c-page__footer {