.au-footer {

  // Add some space between the content and the footer.
  // Not sure why this isn't in the @gov.au/footer.
  @include AU-space(margin-top, 2unit);

  &.au-footer--dark {
    border-color: var(--footer-border) !important;
  }

  // Apply our colour scheme on the background.
  &.au-body.au-body--dark.au-footer--dark {
    @include background-style(var(--footer-gradient-bg--start), var(--footer-gradient-bg--end));

    // Buttons
    .au-btn.au-btn,
    a.au-btn {
      &.au-btn--primary {
        background-color: var(--footer-btn-bg);
        color: var(--footer-btn-text) !important;
        border-color: var(--footer-btn-bg);

        &:hover:not(:disabled) {
          border-color: var(--footer-btn-bg--hover);
          background-color: var(--footer-btn-bg--hover);
        }
      }

      &.au-btn--secondary {
        border-color: var(--footer-btn-bg);
        color: var(--footer-btn-bg) !important;
        ;

        &:hover:not(:disabled) {
          border-color: var(--footer-btn-bg--hover);
          color: var(--footer-btn-bg--hover);
        }
      }
    }

    .au-footer__end {
      border-top-color: var(--footer-border); // To do fix dark class specificity. This is horrendous!
    }
  }

  // Add a gap on mobile between the menus.
  &__navigation-section {
    @include AU-space(margin-top, 1.5unit);

    @include AU-media(sm) {
      margin-top: 0;
    }

    &:first-of-type {
      margin-top: 0;
    }
  }

  // Don't print the footer.
  @media print {
    display: none;
  }
}