.pre-footer {
  @apply
    w-full
    flex
    justify-center
    items-center;

  .button {
    @apply
      my-10
      lg:my-15
      inline-block
      min-w-60;
  }
}

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

    lg:py-12;

  &.with-border {
    @apply
      border-t
      border-black
      pt-8;
  }

  .brand {
    svg {
      @apply
        h-16
        mb-7
        w-auto;
    }
  }

  .footer {
    @apply
      flex
      flex-col

      lg:flex-row
      lg:justify-between
      lg:flex-nowrap;

    .info {
      @apply
        flex
        flex-col

        lg:flex-row
        lg:flex-nowrap;

      ul.menu {
        @apply
          flex-col
          justify-start
          mt-4
          items-start

          lg:ml-20;

        li {
          @apply
            text-xs
            leading-normal

            lg:leading-[1.75]
            lg:text-xxs;

          &.button,
          &.border-outline {
            @apply
              leading-none
              ml-0
              py-1.5
              min-w-[122px]
              mt-3

              lg:min-w-[110px]
              lg:py-[2px]
              lg:mt-5;
          }
        }

        ul {
          li {
            @apply
              text-xs
              font-mono

              lg:text-xxs;
          }
        }
      }
    }
  }

  .credits {
    .info {
      @apply
        flex
        flex-col
        flex-wrap
        justify-between
        mt-8
        mb-12

        lg:mb-0
        lg:mt-12
        lg:items-end
        lg:flex-row;

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

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