.footer {
  display: flex;
  justify-content: center;
  max-width: var(--grid-max-width);
  margin-inline: auto;
  padding: var(--spacing-md) var(--spacing-md) var(--spacing-xl);
  font-size: 0.875rem;

  & a {
    color: var(--clr-text-muted);
    text-underline-offset: 3px;

    &:hover,
    &[aria-current="page"] {
      color: var(--clr-main-text);
    }
  }
}