Change actions for tna-button

CHANGELOG.md

@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Changed
 
 - Cookies class parameter `extraPolicies` moved to key inside the options object parameter
+- Card actions are now buttons using `.tna-button`
 
 ### Deprecated
 ### Removed

src/nationalarchives/components/card/card.scss

@@ -78,8 +78,6 @@
   }
 
   &__actions {
-    margin-top: 2rem;
-
     order: 4;
   }
 

src/nationalarchives/components/card/template.njk

@@ -81,9 +81,9 @@
     {%- endif %}
     </div>
   {%- if params.actions %}
-    <div class="tna-card__actions">
+    <div class="tna-card__actions tna-button-group">
     {%- for item in params.actions %}
-      <a href="{{ item.href }}" class="tna-card__action{% if params.hrefClasses %} {{ params.hrefClasses }}{% endif %}" {%- if item.title %} title="{{ item.title }}"{% endif %} {%- for attribute, value in params.hrefAttributes %} {{ attribute }}="{{ value }}"{% endfor %}>
+      <a href="{{ item.href }}" class="tna-button{% if params.hrefClasses %} {{ params.hrefClasses }}{% endif %}" {%- if item.title %} title="{{ item.title }}"{% endif %} {%- for attribute, value in params.hrefAttributes %} {{ attribute }}="{{ value }}"{% endfor %}>
         {%- if item.brandIcon %}
         <i class="fa-brands fa-fw fa-{{ item.brandIcon }}"></i>
         {%- elseif item.icon %}