.social-menu {
  margin: var(--size-xl) 0;

  .icon {
    height: var(--size-s);
    width: var(--size-s);
  }
}

.footer__copyright {
  color: var(--greyscale-white);
  font-size: var(--default-sm);
  line-height: var(--line-height-default);
  margin-bottom: 0;
  margin-top: var(--size-2xs);
  opacity: 0.6;
}

@media (min-width: 768px) {
  .social-links-navigation {
    display: flex;
    flex-direction: column;
  }

  .footer__logo {
    margin-top: auto;
  }

  .social-menu {
    margin: 0;

    .list {
      justify-content: flex-end;
    }
  }

  .footer__copyright {
    margin-top: var(--size-s);
  }
}