.footer {
  border-top: 1px solid var(--gray-5);

  .footer__logo {
    height: var(--space-5);
    margin-inline: auto;
  }

  .footer__separator {
    --accent-indicator: inherit;
    background-image: linear-gradient(
      to right,
      var(--color-background),
      var(--accent-indicator),
      var(--color-background)
    );
    background-color: none;
    position: relative;

    &::before {
      content: '';
      width: 75%;
      position: absolute;
      top: calc(var(--space-2) * -1);
      height: var(--space-5);
      background-color: var(--accent-indicator);
      opacity: 0.12;
      left: 50%;
      transform: translateX(-50%);
      border-radius: 99%;
      filter: blur(24px);
      clip-path: inset(-300% -100% 66% -100%);
    }
  }

  .footer__copyright {
    color: var(--gray-10);
    text-align: center;
    padding: 0 var(--space-6);

    @media screen and (min-width: 1024px) {
      padding: 0;
      text-align: inherit;
    }
  }

  .footer__link {
    color: var(--gray-10);
    display: inline-flex;

    &:hover {
      color: var(--strong);
    }
  }
}
