style: now label pop!

src/pages/index.astro

@@ -91,7 +91,8 @@ import Footer from "../components/Footer.astro";
 
   .now-label {
     border-radius: 40px;
-    background-color: rgba(0, 0, 0, 0.3);
+    background-color: var(--color-brand-complement);
+    color: var(--color-brand-blue-1);
     padding: 4px 8px;
     text-transform: uppercase;
     font-weight: bold;
@@ -134,13 +135,29 @@ import Footer from "../components/Footer.astro";
     .now-wrapper {
       border: 0px;
       font-size: x-small;
-      line-height: normal;
+      width: 100%;
+
+      display: -webkit-box;
+      -webkit-line-clamp: 1;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+      padding: 0;
+      margin: 0;
     }
     .now-label {
       background-color: transparent;
+      color: var(--color-brand-complement);
       padding: 0;
       margin: 0;
     }
+
+    .now-label::before {
+      content: "* ";
+    }
+
+    .now-label::after {
+      content: ":";
+    }
   }
 
   @media only screen and (min-device-width: 280px) and (max-device-width: 653px) {