/**
 * @file
 * Footer regions.
 */

.site-footer {
  color: var(--color--gray-65);
  background: var(--color--black);

  @media (max-width: 43.6875rem) {
    & .block__content {
      font-size: 0.875rem;
    }
  }

  & .menu {
    margin-inline-start: 0;
    list-style: none;

    & ul {
      margin-inline-start: var(--sp);
    }

    & li {
      margin-block-end: var(--sp0-5);
    }
  }

  & a {
    color: inherit;

    &:hover {
      text-decoration: none;
    }
  }
}