@use "govuk-frontend/dist/govuk" as *;

@include govuk-exports("govuk-eleventy-plugin/components/metadata") {
  .app-metadata {
    border-bottom: 1px solid govuk-functional-colour(border);
    border-top: 1px solid govuk-functional-colour(border);
    margin-top: 0;

    @include govuk-font($size: 16, $line-height: 1.5);
    @include govuk-responsive-margin(6, "bottom");
    @include govuk-responsive-padding(6, "bottom");
    @include govuk-responsive-padding(6, "top");

    a {
      font-weight: bold;
    }
  }

  .app-metadata__item {
    display: flex;
    gap: govuk-spacing(2) govuk-spacing(1);
  }

  .app-metadata__definition {
    margin: 0;
  }
}