.footer {
  background-color: #F6F6F6;
}
.footer__all-content-wrapper {
  background-color: #1B1B1B;
  color: white;
  border-radius: 4em 4em 0 0;
}
.footer__all-content-wrapper .footer--content__left > * {
  margin-bottom: 1.5em;
  color: white;
}
.footer__all-content-wrapper .footer--content__left a:hover {
  text-decoration: underline;
}
.footer__all-content-wrapper .footer--content__center nav a {
  color: white;
}
.footer__all-content-wrapper .footer--content__center nav a:hover {
  text-decoration: underline;
}
.footer__all-content-wrapper .footer--content__center .social-media a {
  display: block;
  width: 3em;
  aspect-ratio: 1/1;
  background-color: white;
  border-radius: 100px;
}
.footer__all-content-wrapper .footer--content__right .join-btn {
  background-color: white;
  border-radius: 100px;
  color: #1d1d1d;
  font-weight: 600;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.footer__all-content-wrapper .footer--content__right .join-btn img {
  margin-top: 2px;
}
.footer__all-content-wrapper .footer--content__right .join-btn:hover {
  background-color: #1D1D1D;
  color: white;
}