.main-footer {
  @apply
    py-12
    text-primary-500
    mt-10
    min-h-32;

  .footer {
    @apply
      flex
      justify-between;

    .info {
      @apply
        flex;

      ul.menu {
        @apply
          flex-col
          justify-start
          ml-20
          items-start;

        li {
          @apply
            text-[10px]
            leading-[1.75];

          &.button,
          &.border-outline {
            @apply
              leading-none
              ml-0
              mt-5;
          }
        }

        ul {
          li {
            @extend .has-xxs-font-size;
            @apply
              font-mono;
          }
        }
      }
    }
  }

  .credits {
    .info {
      @apply
        mt-12
        flex
        items-end
        justify-between;

      li {
        @extend .has-xxs-font-size;
        @apply
          font-mono;
      }

      .wp-block-group {
        > div {
          @apply
            flex
            items-end
            justify-end;
        }
      }
    }
  }
}
