styled tittles with button in home page

sass/base/typography/_headings.scss

@@ -73,6 +73,34 @@
 			border-bottom: 0.6rem solid $color__black;
 		}
 	}
+  /* used in
+   * ./template-parts/section-agenda.php
+   * ./template-parts/section-last-convos.php
+   * */
+  section.agenda,
+	section.last-convos {
+	  h2 a::after {
+      display: inline-block;
+      font-size: 0.4em;
+      color: white;
+      background-color: black;
+      padding: 0.4em;
+      float: right;
+    }
+	}
+  [lang="ca"] section.agenda h2 a::after {
+    content: "Verure totes les activitas";
+  }
+  [lang*="es"] section.agenda h2 a::after {
+    content: "Ver todas las actividades";
+  }
+  [lang="ca"] section.last-convos h2 a::after {
+    content: "Verure totes les convocatories";
+  }
+  [lang*="es"] section.last-convos h2 a::after {
+    content: "Ver todas las convocatorias";
+  }
+
 }
 @media screen and (min-width: 48em) {
 	h1,.h1 {

template-parts/section-agenda.php

@@ -11,7 +11,7 @@
 
 <section id="agenda" class="agenda ">
     <header>
-      <h2> <?php echo esc_html__('Agenda', 'xarxaprod'); ?></h2>
+      <h2><a href="<?php echo site_url() . '/agenda' ;?>"><?php echo esc_html__('Agenda', 'xarxaprod'); ?></a></h2>
     </header>
 	  <main class="xarxaprod-agenda">
    

template-parts/section-last-convos.php

@@ -18,7 +18,7 @@
         //plugin is activated do
     ?>
     <header>
-      <h2> <?php echo esc_html__('Últimes convocatòries', 'xarxaprod'); ?></h2>
+      <h2> <a href="<?php echo site_url() . '/convocatories' ;?>"><?php echo esc_html__('Últimes convocatòries', 'xarxaprod'); ?></a></h2>
     </header>
 	  <main class="xarxaprod-last-convos xarxaprod-ultimes-convocatories">