Blauen "Jetzt entdecken"-Button auf Unterkategorie-Seiten entfernt, Link-Wort wird jetzt selbst zum Button

Der große blaue "Jetzt entdecken"-Button neben dem featured Produkt (z.B.
HasiDog) fällt weg. Der kleine Text-Link ("hier"/"here"/"da"/"ici" zur
externen HasiDog-Universum-Seite) ist jetzt selbst ein richtiger,
klickbarer Button statt eines unauffälligen Inline-Links.

src/pages/ch/shop/[kategorie]/[unterkategorie].astro

@@ -49,14 +49,11 @@ const weitere = echtProdukte.slice(1);
           {sub.vorstellung && <span class="eyebrow">{sub.vorstellung[lang].split("\n")[0]}</span>}
           <h2>{featured.name[lang]}</h2>
           <p class="lead">{featured.beschreibung[lang]}</p>
-          <div class="btn-row">
-            <a class="btn btn-primary" href={`/ch/produkt/${featured.slug}/`}>{t.common.discoverNow} →</a>
-          </div>
           {sub.mehrLink && (
-            <p class="character-more">
-              Wosch meh über {sub.name[lang]} wüsse? Klick da:{" "}
-              <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">da →</a>
-            </p>
+            <div class="character-more">
+              <p>Wosch meh über {sub.name[lang]} wüsse?</p>
+              <a class="btn btn-outline" href={sub.mehrLink} target="_blank" rel="noopener">da →</a>
+            </div>
           )}
         </div>
       </div>
@@ -68,10 +65,10 @@ const weitere = echtProdukte.slice(1);
           <div class="character-intro">
             {sub.vorstellung[lang].split("\n").map((line) => <p>{line}</p>)}
             {sub.mehrLink && (
-              <p class="character-more">
-                Wosch meh über {sub.name[lang]} wüsse? Klick da:{" "}
-                <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">da →</a>
-              </p>
+              <div class="character-more">
+                <p>Wosch meh über {sub.name[lang]} wüsse?</p>
+                <a class="btn btn-outline" href={sub.mehrLink} target="_blank" rel="noopener">da →</a>
+              </div>
             )}
           </div>
         )}

src/pages/en/shop/[kategorie]/[unterkategorie].astro

@@ -49,14 +49,11 @@ const weitere = echtProdukte.slice(1);
           {sub.vorstellung && <span class="eyebrow">{sub.vorstellung[lang].split("\n")[0]}</span>}
           <h2>{featured.name[lang]}</h2>
           <p class="lead">{featured.beschreibung[lang]}</p>
-          <div class="btn-row">
-            <a class="btn btn-primary" href={`/en/produkt/${featured.slug}/`}>{t.common.discoverNow} →</a>
-          </div>
           {sub.mehrLink && (
-            <p class="character-more">
-              Want to learn more about {sub.name[lang]}? Click here:{" "}
-              <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">here →</a>
-            </p>
+            <div class="character-more">
+              <p>Want to learn more about {sub.name[lang]}?</p>
+              <a class="btn btn-outline" href={sub.mehrLink} target="_blank" rel="noopener">here →</a>
+            </div>
           )}
         </div>
       </div>
@@ -68,10 +65,10 @@ const weitere = echtProdukte.slice(1);
           <div class="character-intro">
             {sub.vorstellung[lang].split("\n").map((line) => <p>{line}</p>)}
             {sub.mehrLink && (
-              <p class="character-more">
-                Want to learn more about {sub.name[lang]}? Click here:{" "}
-                <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">here →</a>
-              </p>
+              <div class="character-more">
+                <p>Want to learn more about {sub.name[lang]}?</p>
+                <a class="btn btn-outline" href={sub.mehrLink} target="_blank" rel="noopener">here →</a>
+              </div>
             )}
           </div>
         )}

src/pages/fr/shop/[kategorie]/[unterkategorie].astro

@@ -49,14 +49,11 @@ const weitere = echtProdukte.slice(1);
           {sub.vorstellung && <span class="eyebrow">{sub.vorstellung[lang].split("\n")[0]}</span>}
           <h2>{featured.name[lang]}</h2>
           <p class="lead">{featured.beschreibung[lang]}</p>
-          <div class="btn-row">
-            <a class="btn btn-primary" href={`/fr/produkt/${featured.slug}/`}>{t.common.discoverNow} →</a>
-          </div>
           {sub.mehrLink && (
-            <p class="character-more">
-              Tu veux en savoir plus sur {sub.name[lang]} ? Clique ici :{" "}
-              <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">ici →</a>
-            </p>
+            <div class="character-more">
+              <p>Tu veux en savoir plus sur {sub.name[lang]} ?</p>
+              <a class="btn btn-outline" href={sub.mehrLink} target="_blank" rel="noopener">ici →</a>
+            </div>
           )}
         </div>
       </div>
@@ -68,10 +65,10 @@ const weitere = echtProdukte.slice(1);
           <div class="character-intro">
             {sub.vorstellung[lang].split("\n").map((line) => <p>{line}</p>)}
             {sub.mehrLink && (
-              <p class="character-more">
-                Tu veux en savoir plus sur {sub.name[lang]} ? Clique ici :{" "}
-                <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">ici →</a>
-              </p>
+              <div class="character-more">
+                <p>Tu veux en savoir plus sur {sub.name[lang]} ?</p>
+                <a class="btn btn-outline" href={sub.mehrLink} target="_blank" rel="noopener">ici →</a>
+              </div>
             )}
           </div>
         )}

src/pages/shop/[kategorie]/[unterkategorie].astro

@@ -52,14 +52,11 @@ const weitere = echtProdukte.slice(1);
           {sub.vorstellung && <span class="eyebrow">{sub.vorstellung[lang].split("\n")[0]}</span>}
           <h2>{featured.name[lang]}</h2>
           <p class="lead">{featured.beschreibung[lang]}</p>
-          <div class="btn-row">
-            <a class="btn btn-primary" href={`/produkt/${featured.slug}/`}>{t.common.discoverNow} →</a>
-          </div>
           {sub.mehrLink && (
-            <p class="character-more">
-              Du willst mehr über {sub.name[lang]} erfahren, dann klicke hier:{" "}
-              <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">hier →</a>
-            </p>
+            <div class="character-more">
+              <p>Du willst mehr über {sub.name[lang]} erfahren?</p>
+              <a class="btn btn-outline" href={sub.mehrLink} target="_blank" rel="noopener">hier →</a>
+            </div>
           )}
         </div>
       </div>
@@ -71,10 +68,10 @@ const weitere = echtProdukte.slice(1);
           <div class="character-intro">
             {sub.vorstellung[lang].split("\n").map((line) => <p>{line}</p>)}
             {sub.mehrLink && (
-              <p class="character-more">
-                Du willst mehr über {sub.name[lang]} erfahren, dann klicke hier:{" "}
-                <a class="character-more-link" href={sub.mehrLink} target="_blank" rel="noopener">hier →</a>
-              </p>
+              <div class="character-more">
+                <p>Du willst mehr über {sub.name[lang]} erfahren?</p>
+                <a class="btn btn-outline" href={sub.mehrLink} target="_blank" rel="noopener">hier →</a>
+              </div>
             )}
           </div>
         )}