.region-footer--bottom {
  background-color: var(--color-background-dark);
  color: var(--color-text-secondary);
  font-weight: var(--font-weight-medium);
  position: relative;

  @media (width < 1024px) {
    padding-inline: var(--space-md);
  }

  @media (width >= 1024px) {
    padding-inline: var(--space-xl);
  }

  .region__inner {
    margin-inline: auto;
    max-width: var(--l-max-width);
    text-align: center;
    width: 100%;

    @media (width < 1024px) {
      font-size: var(--font-size-sm);
      padding-block: var(--space-md);
    }

    @media (width >= 1024px) {
      font-size: var(--font-size-base);
      padding-block: var(--space-xl);
    }
  }
}