<template>
  <footer class="footer">
    <div class="footer__content">
      <slot></slot>
    </div>
  </footer>
</template>

<style lang="scss">
.footer {
  background-color: var(--color-footer-background);
  margin: var(--navigation-cutout);
  padding: 1px 0;

  &__content {
    text-align: center;
    max-width: var(--textblock-max-width);
    margin: var(--paragraph-margin) auto;
    padding: var(--textblock-padding);
  }
}
</style>
