#footer {
  background-color: var(--site-background-color);

  .ob-footer__container {
    display: grid;
    max-width: var(--ob-container-width);
    width: 100%;
    margin: 0 auto;
    text-align: center;
    row-gap: var(--spacing-6);
    padding: var(--spacing-12) 0;
  }

  .ob-footer__content p {
    font-size: 0.75rem;
  }

  .ob-footer__menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--spacing-4);
    font-size: 0.875rem;

    a {
      color: var(--text-secondary-color);
      text-decoration: none;

      &:hover {
        color: var(--text-primary-color);
      }
    }
  }
}