.footer {
  background-color: #333;
  color: #fbfbfb;
  padding: 3rem 1rem;

  .footerContainer {
    max-width: 1200px;
    margin-inline: auto;
  }

  .footerNav {
    ul {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1rem;
      margin-bottom: 2rem;

      a {
        transition: color 0.3s ease;

        &:hover {
          color: #f2961d;
        }
      }
    }
  }

  .copyright {
    text-align: center;
    font-size: 0.875rem;
  }
}