.c-footer {
    padding-top: var(--gutt-space-80);
    padding-bottom: var(--gutt-space-80);
  }
  
  .c-footer__inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  
  .c-footer__upper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    grid-column-gap: var(--gutt-space-80);
    -webkit-column-gap: var(--gutt-space-80);
       -moz-column-gap: var(--gutt-space-80);
            column-gap: var(--gutt-space-80);
    grid-row-gap: var(--gutt-space-40);
    row-gap: var(--gutt-space-40);
    padding-bottom: var(--gutt-space-60);
    margin-bottom: var(--gutt-space-60);
    border-bottom: 1px solid var(--gutt-color-violet);
  }
  
  .c-footer__main {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    grid-column-gap: var(--gutt-space-80);
    -webkit-column-gap: var(--gutt-space-80);
       -moz-column-gap: var(--gutt-space-80);
            column-gap: var(--gutt-space-80);
    grid-row-gap: var(--gutt-space-60);
    row-gap: var(--gutt-space-60);
    margin-bottom: var(--gutt-space-60);
  }
  
  .c-footer__main .social-media-links--platforms {
    padding: 0;
  }
  
  .c-footer__links {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
    grid-gap: var(--gutt-space-40) var(--gutt-space-24);
    gap: var(--gutt-space-40) var(--gutt-space-24);
  }
  
  .c-footer__links .more-link {
    white-space: nowrap;
  }
  
  .c-footer__branding {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
  }
  
  .c-footer__logo {
    display: block;
    width: 192px;
  }
  
  .c-footer__logo > img {
    display: block;
    width: 100%;
  }
  
  .c-footer__appeal {
    text-align: center;
  }
  
  .c-footer__appeal .c-donate-ad {
    padding: 0;
    background-color: transparent;
  }
  
  .c-footer__appeal .c-donate-ad__inner {
    display: block;
  }
  
  .c-footer__appeal .c-donate-ad__text {
    font-size: var(--gutt-fs-heading-40);
    line-height: var(--gutt-lh-heading-40);
    font-family: var(--font-family-heading);
    font-weight: 500;
    text-wrap: pretty;
    margin-bottom: var(--gutt-space-28);
  }
  
  .c-footer__appeal a:link,
  .c-footer__appeal a:visited {
    font-size: var(--gutt-fs-accent-18);
    line-height: var(--gutt-lh-accent-18);
    background: var(--button-bg-color-accent);
    color: var(--button-text-color-accent);
    font-weight: var(--button-font-weight);
    border-radius: 100px;
    text-decoration: none;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
            align-items: center;
    grid-gap: 4px;
    gap: 4px;
    padding: 4px 16px;
  }
  
  .c-footer__appeal a:link::after,
  .c-footer__appeal a:visited::after {
    display: inline-block;
    content: "";
    -webkit-transition: -webkit-transform 0.2s ease-out;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
    white-space: nowrap;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M11%2014L16%209M16%209L11%204M16%209L2%209%22%20stroke%3D%22%231E1C6F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%20%3C%2Fsvg%3E%20");
            mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M11%2014L16%209M16%209L11%204M16%209L2%209%22%20stroke%3D%22%231E1C6F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%20%3C%2Fsvg%3E%20");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain;
    height: 1em;
    width: 1em;
  }
  
  .c-footer__appeal a:hover {
    background-color: var(--button-bg-color-accent-hover);
    color: var(--button-text-color-accent-hover);
    text-decoration: underline;
  }
  
  .c-footer__menus {
    text-align: center;
    display: -webkit-box;
    display: flex;
    padding: 20px 5px 0;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
  }
  
  @media (min-width: 768px) {
    .c-footer__menus {
      padding: 40px 5px 0;
      -webkit-box-pack: justify;
              justify-content: space-between;
    }
  }
  
  .c-footer-social {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
  }
  
  .c-footer__lower {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    grid-gap: 8px;
    gap: 8px;
  }
  
  .c-footer-menu ul {
    margin: 0;
    padding-left: 0;
  }
  
  .c-footer-menu ul li {
    list-style: none;
    white-space: nowrap;
    margin: 0;
  }
  
  .c-footer-menu {
    font-size: var(--gutt-fs-body-14);
    line-height: var(--gutt-lh-body-14);
    text-align: center;
    margin-bottom: var(--gutt-space-8);
    margin-left: auto;
    margin-right: auto;
  }
  
  .c-footer-menu .terms-text {
    font-size: var(--gutt-fs-body-14);
    line-height: var(--gutt-lh-body-14);
    color: var(--color-text);
  }
  
  .c-footer-menu .menu--footer {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    grid-gap: 20px;
    gap: 20px;
  }
  
  @media (min-width: 992px) {
    .c-footer-menu .menu--footer {
      -webkit-box-pack: start;
              justify-content: flex-start;
    }
  }
  
  .c-footer-menu .menu--footer li {
    margin-top: 0;
  }
  
  .c-footer-menu .menu--footer li + li {
    margin-left: 0.5rem;
  }
  
  .c-footer-menu a:link,
  .c-footer-menu a:visited {
    font-size: var(--gutt-fs-body-16);
    line-height: var(--gutt-lh-body-16);
    color: var(--color-text);
    text-decoration: underline;
  }
  
  .c-footer-menu a:hover {
    text-decoration: none;
  }
  
  .c-footer-copyright {
    text-align: center;
    font-size: var(--gutt-fs-body-14);
    line-height: var(--gutt-lh-body-14);
    margin-left: auto;
    margin-right: auto;
  }
  
  @media (min-width: 992px) {
    .c-footer__logo {
      width: 256px;
    }
  
    .c-footer__appeal a:link,
    .c-footer__appeal a:visited {
      padding: 8px 24px;
    }
  }
  
  @media (min-width: 1240px) {
    .c-footer__upper {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
              flex-direction: row-reverse;
      -webkit-box-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
              align-items: center;
    }
  
    .c-footer__main {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
      -webkit-box-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
              align-items: center;
    }
  
    .c-footer__logo {
      width: 512px;
    }
  
    .c-footer__appeal {
      text-align: left;
    }
  
    .c-footer__lower {
      text-align: left;
    }
  
    .c-footer-copyright,
    .c-footer-menu {
      text-align: left;
      margin: 0;
    }
  }