.expo-footer__logo{
  display:inline-flex;
  margin-bottom:18px;
}

.expo-footer__logo img{
  display:block;
  width:180px;
  max-width:100%;
  height:auto;
}

.expo-footer__social{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin-top:14px;
  font-size:.82rem;
}

.expo-footer__social a{
  color:rgba(255,255,255,.7);
  text-decoration:none;
}

.expo-footer__social a:hover,
.expo-footer__social a:focus-visible{
  color:#4ef21a;
  text-decoration:underline;
  text-underline-offset:3px;
}

.expo-footer__credits{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.48);
  font-size:.78rem;
}

.expo-footer__credits a{
  color:rgba(255,255,255,.62);
  text-decoration:none;
}

.expo-footer__credits a:hover,
.expo-footer__credits a:focus-visible{
  color:#f8f8fc;
  text-decoration:underline;
}

.expo-footer__developer-contact{
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
}

@media(max-width:640px){
  .expo-footer__credits{
    display:grid;
    gap:6px;
    text-align:left;
  }

  .expo-footer__developer-contact{
    white-space:normal;
  }
}