Updated press and privacy pages

src/app/app.vue

@@ -190,7 +190,7 @@
     text-decoration: none;
     transition: color 150ms $easeInOutQuint;
 
-    &:hover {
+    &:not(.btn):hover {
       color: $text-color-special;
     }
   }

src/app/press/components/index.vue

@@ -2,9 +2,10 @@
   <section>
     <h1>{{ $t('press.headline') }}</h1>
     <p>{{ $t('press.content') }}</p>
-    <i18n path="press.contact" tag="p">
-      <a :href="`mailto:${$t('press.email')}`">{{ $t('press.email') }}</a>
-    </i18n>
+    <p>{{ $t('press.contact') }}</p>
+    <a class="btn" :href="`mailto:${$t('press.email')}`">
+      {{ $t('press.email') }} <feather-mail />
+    </a>
   </section>
 </template>
 
@@ -20,4 +21,8 @@
   h1 {
     margin-bottom: $base-gap;
   }
+
+  a {
+    margin-top: $base-gap;
+  }
 </style>

src/app/press/i18n.js

@@ -3,7 +3,7 @@ export default {
     press: {
       headline: 'Kontakt',
       content: 'Sie sind Journalist, oder ein/e interessierte/r BürgerIn? Dann treten Sie gern mit uns in Kontakt!',
-      contact: 'Ihre Anfragen nehmen wir gerne unter folgender Email-Adresse entgegen: {0}',
+      contact: 'Ihre Anfragen nehmen wir gerne unter folgender Email-Adresse entgegen:',
       email: 'hello@euromat.info'
     }
   },
@@ -11,7 +11,7 @@ export default {
     press: {
       headline: 'Get in touch!',
       content: 'Whether you’re a journalist or an interested citizen, feel free to reach out to us.',
-      contact: 'We take your inquiries at any time. Send a message to: {0}',
+      contact: 'We take your inquiries at any time. Send a message to:',
       email: 'hello@euromat.info'
     }
   }

src/app/privacy/components/index.vue

@@ -25,4 +25,12 @@
   p {
     margin-bottom: $base-gap;
   }
+
+  ul {
+    list-style: none;
+  }
+
+  h2 {
+    margin-bottom: $small-gap;
+  }
 </style>