:host {
  background-color: var(--sdg-palette-blue-650);
}

.sdg-footer-navigation {
  &-container {
    display: flex;
    flex-flow: column;

    > h2 {
      margin-top: 36px !important;
    }
  }

  &-logo {
    margin: 36px 0 16px 0;
  }

  &-title,
  &-site-map-link {
    color: var(--sdg-color-white);
    text-decoration: none;

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

  &-title {
    font-size: 24px;
    font-weight: 500;
  }

  &-site-map-links {
    display: flex;
    flex-flow: column;
    row-gap: 8px;
    margin-bottom: 36px;
  }

  &-site-map-link {
    font-size: 14px;
  }
}