.global-footer {
  background: var(--color-surface-primary);
  padding-block: var(--spacing-16);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-16);
  .footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-8);
    .footer-nav-list {
      display: flex;
      justify-content: center;
      gap: var(--spacing-16);
      list-style: none;
      padding: 0;
      a {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        color: var(--color-text-inverse-high);
        text-decoration: none;
      }
    }
    .copyright {
      font-size: var(--font-size-1);
      color: var(--color-text-inverse-middle);
    }
  }
}